kimdirector

좋은 디자인은 검색 엔진 순위를 높이고 웹 사이트를 더 사용하기 쉽게 만드는 데 도움이 될 수 있습니다.    최근에는 UX와 UI가 SEO에 미치는 영향이 더욱 뚜렷해지고 있습니다. UX와 UI가 좋으면 웹 사이트의 검색 엔진 결과 페이지(SERP)에서 순위가 더 높은 반면, UX와 UI가 나쁘면 웹 사이트의 순위가 더 낮아질 수 있습니다. 사이트 아키텍처, 탐색, 콘텐츠 및 디자인을 비롯한 일부 요소는 웹 사이트의 UX UI에 영향을 미칩니다.  UX UI란?UX와 UI는 사용자 환경(UX) 및 사용자 인터페이스(UI)와 함께 자주 사용되는 용어이지만 두 용어 사이에는 차이가 있습니다. UX는 제품이나 서비스를 사용하는 사람의 전반적인 경험을 말한다. 반면에 UI는 제품이나 서비스를 사용할 때 사람이..

보통의 일상에서 우리는 아침에 마시는 커피용 머그잔부터 즐겨 찾는 모바일 애플리케이션 및 웹사이트 디자인에 이르기까지 디지털 및 물리적인 제품과 정기적으로 상호 작용하고 있습니다. 심지어 이에 의존하는 모습을 보이기도 합니다. 이러한 상호 작용을 통해 사용자인 우리는 이에 대한 특정 인상을 받게 되며, 이를 다른 말로는, 사용자 경험, 즉 UX라고 부릅니다. 많은 사람들이 그 중요성을 간과하고 있지만 21세기에 들어서면서 UX 디자인의 역할이 재조명받고 있습니다. 제품 및 기술에 있어서 복합적인 상호 관계를 향상시켜주고 지원해 준다는 점에서 UX는 디자인 산업에서 점점 더 필수적인 부분으로 자리 잡아가고 있습니다. 자, 그렇다면 사용자 경험이란 무엇일까요? 그리고 UX가 왜 그토록 중요할까요? 이러한 질..

큰 영향을 미치는 16가지 작은 UI 디자인 규칙 (1/2) 논리적 규칙이나 지침을 사용하여 예시를 통해 본 사용자 인터페이스를 재설계하는 UI 디자인 사례 연구 사용자 인터페이스 디자인은 어렵습니다. 레이아웃, 간격, 타이포그래피, 색상 등 선택 www.kimdirector.co.kr 큰 영향을 미치는 16가지 작은 UI 디자인 규칙 (1/2) 편에는 1~8까지의 항목이 포함되어 있습니다. 위 배너를 클릭하면 확인할 수 있습니다. 시각적 또는 인터랙션 디자인 경험이 많지 않더라도 원래 디자인이 지저분하고 복잡하며 사용하기 어렵다는 것을 알 수 있을 것입니다. 이는 유용성에 위험을 초래하는 문제가 있는 디자인 세부 사항이 많이 포함되어 있기 때문입니다. 아마도 이미 몇 가지를 발견할 수 있을 것입니다. ..

논리적 규칙이나 지침을 사용하여 예시를 통해 본 사용자 인터페이스를 재설계하는 UI 디자인 사례 연구 사용자 인터페이스 디자인은 어렵습니다. 레이아웃, 간격, 타이포그래피, 색상 등 선택할 수 있는 옵션이 너무 많아서 디자인 결정을 내리는 것이 부담스러울 수 있습니다. 유용성, 접근성 및 심리학을 믹스에 추가하면 더욱 어려워집니다. 다행히도 UI 디자인은 그렇게 어렵지 않습니다. 시각적 및 상호 작용 디자인 결정의 대부분이 논리적 규칙 시스템에 의해 좌우된다는 것을 깨달았습니다. 예술적 재능이나 마술적 직관이 아니라 단순한 규칙일 뿐입니다. 논리적 규칙 시스템을 갖추면 정보에 입각한 설계 결정을 효율적으로 내리는 데 도움이 됩니다. 논리적인 시스템이 없다면, 단지 예뻐 보일 때까지 물건을 옮기기 위해 직..

UX/UI 디자인의 "바나나 규칙"은 웹사이트나 어플리케이션을 쉽게 이해하고 사용할 수 있도록 하는 간단하면서도 강력한 원칙입니다. 이 규칙의 기본 개념은 바나나의 모양이 식품임을 명확하게 나타내는 것처럼 사용자가 웹사이트나 어플리케이션의 목적을 한 눈에 이해할 수 있어야 한다는 것입니다. 이 개념은 제품이 어떻게 사용될 수 있는지에 대해 제공하는 시각적 단서를 의미하는 디자인의 "어포던스(1)(affordances)" 개념과 밀접하게 관련되어 있습니다. UX/UI 디자인에서 바나나 규칙은 웹사이트나 어플리케이션의 홈페이지 레이아웃과 디자인에 적용되는 경우가 많습니다. 이 페이지는 사용자가 제품과 접촉하는 첫 번째 지점인 경우가 많으므로 제품의 목적과 기능을 명확하게 전달하는 것이 중요합니다. 바나나 규..

Meet Social Value, 사회적 가치를 만나는 MSV 뉴스레터에서는 '디자인의 사회적 가치'와 '포용적인 디자인' 그리고 '접근성'에 대하여 집중적으로 다룹니다. 프랑스 소설가 베르나르 베르베르가 쓴 단편집 에는 '황혼의 반란'이라는 소설이 실려있습니다. 프랑스의 어느 미래 사회를 그린 이 이야기에서는 젊은이들이 고령자 부양을 거부하고 레스토랑에 '70세 이상 노인 출입금지' 팻말을 내겁니다. 자녀들이 돌보지 않는 어르신은 정부에서 잡아가기도 하죠. 이 소설의 주인공인 프레드 어르신은 정부에 대항해 반란운동을 일으키지만 결국 붙잡히고 맙니다. 그리고 소설의 마지막 장면에서 처형을 앞둔 채 의미심장한 한마디를 남기죠. "너도 언젠가 노인이 될 게다." 이번 호에서는 고령자를 포용하는 UI 디자인을..

UI의 복잡성을 사용자의 정신 모델과 일치시키거나 그 반대로 연결하여 복잡한 애플리케이션을 디자인하는 방법에 대해서 알아보겠습니다. 사람들이 사용할 애플리케이션과 소프트웨어에 대한 인터페이스를 디자인하려면 이를 개인이 소유한 정신적 모델에 맞추는 것이 필요합니다. 이러한 정신 모델은 사람들이 삶의 상황을 처리하기 위해 사용하는 현실의 압축된 버전을 나타냅니다. 비록 그것이 전체 그림이나 실제 현실을 정확하게 반영하지는 않더라도 말입니다. 마찬가지로, 우리는 사람들이 UI가 어떻게 작동할지에 대한 정신적 모델을 갖고 있다고 말합니다. 이 모델 역시 압축되어 UI 작동의 현실을 정확하게 반영하지 못할 수 있습니다. 이는 UI에 대한 정보를 장기 기억에 저장할 때 모든 세부 사항보다는 개념적 표현과 그 "고정..

사용하기 쉽고 시각적으로 매력적인 웹사이트나 앱은 고객 유치 및 유지에 큰 영향을 미칠 수 있습니다. 여기서는 사용자 인터페이스(UI) 디자인과 UX 디자인이 중요한 역할을 합니다. UI 디자인이 웹 사이트나 앱의 사용자 인터페이스의 모양과 기능에 중점을 둔다면, UX 디자인은 사용자와 제품 또는 서비스 간의 긍정적인 상호 작용을 보장합니다. UI 디자인은 미학에 더 중점을 두는 반면, UX 디자인은 유용성과 기능성에 더 중점을 둡니다. UI 디자인과 UX 디자인은 모두 고객에게 가치를 제공하고 비즈니스 성공에 기여하는 웹 사이트나 앱을 만드는 데 중요한 구성 요소입니다. 이 기사에서는 좋은 UI 디자인과 UX 디자인이 비즈니스에 얼마나 긍정적인 영향을 미칠 수 있는지, 그리고 디지털 전략을 세울 때 제..

한동안 제 블로그를 팔로우해 오셨다면 이 제목을 보고 조금 당혹스러울 수 있습니다. 결국 트렌드 디자인을 특징으로 하는 UI/UX 트렌드에 대한 광범위한 기사가 있습니다. 그래서 당신이 지금 읽고 있는 기사를 만든다는 생각이 일관적이지 않습니까? - 별말씀을요. 사람들은 트렌드를 좋아하며 잘못된 것은 없습니다. 그러나 그들 중 많은 사람들이 그것들을 올바르게 사용하는 방법을 모릅니다. 추세를 위해 추세를 사용하는 것은 패배 전략이 있는 곳입니다. 이 점을 증명할 수 있는 패션계의 간단한 예가 있습니다. 실크나 새틴 드레스는 항상 좋은 생각입니다. 그러나 그것은 또한 실용적인 것입니까? 실크 드레스는 춥고 혹독한 기후에 사는 사람들에게 좋은 목적을 제공하지 못하기 때문에 쓸모가 없습니다. 반면에 따뜻한 지..

제품 디자인에서 일관성의 가치에 대해 많은 이야기가 있었습니다. 우리는 디자인 시스템에 집착하고 모든 회사 자산에서 시각적 언어를 통합하며 업계의 모범 사례를 연구하고 구현합니다. 우리는 그것이 완벽한 UX로 이어지고 비용을 절약할 수 있다고 믿습니다. 종종 그런 경우가 있고 항상 그런 것은 아닙니다. 맹목적으로 일관성을 추구하는 것이 제품에 해를 끼치고 혁신을 막고 속도를 늦출 수 있는 상황이 있다고 제안하고 싶습니다.   먼저, 약간의 이론 - 일관성이란 무엇입니까?Cambridge English Dictionary에서 "일관성"이라는 용어에 부여한 정의 중 하나는 항상 유사한 방식으로 행동하거나 수행하는 품질입니다. 사용자 경험 측면에서 유사한 요소와 패턴이 균일하고 모양과 기능이 유사하다는 의미입..

"게임은 자연이 만든 가장 아름다운 창조물입니다." — 레너드 코헨 게이미피케이션은 인간의 행동과 감정을 활용하여 UX 디자인을 강화하고 올바르게 실행하면 사용자 참여 수준을 높이고 제품이 큰 성공을 거둘 가능성을 높입니다. 게임화가 최근 유행어가 되었지만 그 기본 원칙은 수세기 동안 존재해 왔습니다. 예를 들어, 부모가 자녀가 음식을 먹기 위해 여러 세대 동안 사용해 온 기술은 무엇입니까? 그것으로 게임을 만들기 위해! 숟가락이 비행기가 이착륙하는 것처럼 가장하거나 디저트와 같은 보상을 사용하는 것입니다. "게임화는 강력하고 유연합니다. 인간의 동기와 행동에 영향을 주어 해결할 수 있는 모든 문제에 쉽게 적용할 수 있습니다." – 크리스토퍼 커닝햄, 게이브 지허만 이 블로그 게시물에서는 게임화, 특히 ..

디자이너로서 우리는 세상을 형성해야 할 막중한 책임이 있습니다. 우리는 패턴을 식별하고 공감을 개발하여 사용 빈도가 높고 인식 가치가 높은 제품이나 서비스를 구축합니다. 그러나 사람과 맥락이 무한히 결합되어 있을 때 문제를 해결할 수 있는 경험을 어떻게 만들 수 있습니까? 사용자가 반복적으로 행동하도록 하려면 사용자의 기본 심리를 이해해야 합니다. 사용자 행동을 유도하는 이유는 무엇입니까? 우선, 사람이 디지털 제품과 갖는 모든 상호 작용은 동일한 패턴을 따릅니다. 정보 — 사용자가 정보를 필터링합니다.의미 — 사용자는 의미를 찾습니다.시간 — 사용자가 시간 프레임 내에서 작업을 수행합니다.메모리 — 사용자는 상호작용의 조각을 메모리에 저장합니다. 이러한 상호 작용의 각 단계에 대해 습관 형성 제품을 구..

컴퓨터에 대한 사전 경험이나, 컴퓨터가 있는 환경에 노출되지 않은 어른들이 데스크톱 컴퓨터의 사용법을 배우는 것은 상당히 혼란스러운 도전이라고 생각됩니다. 본래 데스크톱 컴퓨터는 인간이 이해하기 쉽거나 인간의 타고난 본능 등을 고려하여 만들어진 것이 아닙니다 – 데스크톱 컴퓨터는, 이를 사용하기 위하여 정해진 훈련/교육과, 충분한 시간, 그리고 되도록 빨리 컴퓨터의 패러다임을 이해할 수 있도록 (가상의 전산 환경은 물론 사용자와 컴퓨터 간의 물질적인 관계까지도 이해할 수 있도록), 이른 나이부터 시작하는 조기교육을 필요로 합니다. 개인 컴퓨터의 보급이 시작된 1980년대부터, 다양한 요소들이 컴퓨터 사용 환경에 추가됨에 따라 개인 컴퓨터 사용 경험을 도입하려 하던 사람들의 계획은 “인간”에게 만 제한되게..

디자인을 하다보면, 나중에 여기가 좋았는데라고 생각하는 경우가 있습니다. 그런 개선하고 싶은 부분은 항상 초기에는 발견되기 어렵습니다. 이번에는 Good UI를 설명한 곳이 있어 번역해 보았습니다. 1. 멀티컬럼이 아닌 하나의 컬럼 레이아웃으로 2. 우선 무료로 제공하자 3. 비슷한 기능은 하나로 묶는다 4. 고객의 소리를 싣는다. 5. 사용자가 했으면 좋겠다는 것을 반복한다 6. 클릭할 수 있는 부분과 클릭된 부분을 명확하게 구분한다 7. 모든 선택을 고르게 하는게 아니라 추천을 강하게 전달한다 8. 확인화면을 끼우는 것이 아니라, 다시 기능을 제공한다. 9. 누구를 위한 서비스인지를 다시 전한다 10. 의문형이 아니라, 단언형으로 전달해라 11. 대비를 증가한다 12. 어디에서 만들어진 것인지를 명확..

이제는 OSMU(One Source Multi Using)서비스를 실현하고 N-Screen 시대에 대응해야 한다. 이에 따라 최근엔 CSS의 Media Queri를 이용한 "Responsive UI"를 설계하여 서비스를 구현하고 있다. 미국과 영국에서는 사례가 많지만 국내 사례는 그리 많지 않고 완성도도 높지 않다. 본인도 현재 프로젝트에 심혈을 기울여 작업하고는 있지만... 초반이니만큼 시행착오가 많은 법. 이제부터 그 시행착오를 기록하여 나중에 정보집으로 만들수 있도록 준비를 해야겠다.  Responsive UI 란?말그대로 반응하여 나타는 인터페이스를 뜻하며, 웹브라우저의 가로 사이즈에 반응하여 레이아웃을 변형시키는 형태를 뜻한다.    1. 레이아웃이 확대, 축소, 이동되는 것은 허용되나 요소의 ..

인터페이스 디자인의 중요한 시각적 메시지와 체계적으로 계획된 구조를 함께 사용하면 사용자가 편리하게 행동하거나 자유롭게 이동할 수 있는 환경을 구연할 수 있으며, 모든 사이트에 맞는 구조는 없겠지만 목적에 따른 절차를 사용하면 사이트에 맞는 솔루션을 찾을 수 있습니다.

유저 인터페이스를 구현하는 일은 개발자의 수많은 미션 중 하나이지만 그 개발 결과물이 어떻게 사용되고 서비스에 어떤 영향을 미치는지는 관심이 없는 것이 현실이다. 최근 이슈가 되고 있는 UX(User eXperience)를 통해 유저 인터페이스의 중요성과 개발자와의 연관관계를 풀어본다. 요즘 IT 업계의 큰 화두 중 하나는 바로 UX이다. UX는 사용자 경험을 뜻하는 ‘User eXperience’의 줄임말로서 사용자가 어떤 제품이나 서비스를 이용하면서 느끼게 되는 총체적 경험을 말한다. 이와 같은 정의를 보면 알 수 있듯이 그 경험의 범위는 굉장히 넓고 쉽게 예측하기 힘들다. 예를 들어 사용자가 제품의 포장을 뜯고 설치한 후 첫 버튼을 누르기까지의 경험은 제품 개발자가 컨트롤할 수 없는 영역이지만 UX..

"INTERFACE"라는 단어를 사전에서 찾아보면, "조화되다", "원활히 상호작용 하다" 라는 뜻으로 기록되어 있다. 인간이 사용하는 모든 것은 그것을 사용하는 사용자의 입장에서 만들어야 한다는 User Interface... 우리는 항상 사용자 중심의 시스템을 만들기 위해 노심초사하는 사람들이다. 필자는 2001년을 뒤돌아 보면서 "User Interface(이하 UI)를 설계하는 우리들이 일하는 모습은 과연 조화롭고, 원활한 상호작용이 되고 있는가?"를 한 번 생각해보려고 한다. 우리나라 IT업계의 작업 현실을 보면, 대부분 촉박한 일정 속에서 많은 일들이 정신없이 진행된다. 이러한 환경에서는 시스템 기획에서 개발까지 효율적인 인력과 시간의 배분이 이루어지기가 매우 힘들고 이러한 문제는 작은 벤처기..

인간은 커뮤니케이션을 위해 기호를 만들어 사용했다. 기호란 우리가 생각하고 살고 있는 삶의 환경 그 자체인 것이다. 우리 삶은 무수히 많은 대화로 이루어져 있으며 이러한 기호(학)의 핵심은 ‘해석’하여 ‘소통’에 있는 것에 있다. 때문에 인터페이스, 즉 인간과 기계(혹은 매체) 사이의 커뮤니케이션 또한 사용자와 개발자의 기호 해석이라고 할 수 있다. 인지공학 관점에서의 인터페이스와 감성공학 관점에서 인터페이스를 보고 있듯이 기호라는 하나의 관점으로 인터페이스를 이해해보자. 우리는 자신과 맥락이 같지 않는 사람들에게 흔히 “저 사람은 대화가 안돼” 라고 말한다. 정확히 말하면 대화는 되는데 나와 맥락이 같지 않다는 의미일 것이다. ‘대화’란 무엇인가? 인터페이스 디자인의 목적은 사용자의 사용성을 높이는 것..