Creative Dialogue

UX/UI 디자인

August 7, 2017 / 디자인 /

웹 페이지 사용자의 시선을 사로잡는 방법: 히어로 이미지를 이용한 디자인

웹 페이지 사용자는 방문과 동시에 다양한 느낌을 받게 됩니다. 긍정적일 수도 있고 부정적일 수도 있지만 이러한 느낌은 대체로 사용자의 시선이 닿는 요소에 따라 달라집니다. 시각은 인간의 가장 강력한 감각이기 때문에 히어로 이미지는 사용자의 시선을 가장 빠르게 사로잡는 수단이 될 수 있습니다. 과감하고 생생하면서도 의도적으로 배치한 이미지는 사용자의 시선을 사로잡습니다. 히어로 이미지는 사용자의 몰입도를 높일 뿐만 아니라 미니멀한 앱 또는 웹 사이트에 없어서는 안 될 핵심 요소입니다.

July 24, 2017 / 디자인 /

효율적인 양식 디자인: 구조, 입력, 레이블 및 액션

앱 또는 웹 사이트를 이용하는 사람에게는 특정한 목적이 있습니다. 그리고 이러한 특정 목적을 달성하는 과정에서 필요한 것이 바로 양식입니다. 양식은 여전히 웹과 앱상에서 사용자에게 가장 중요한 상호 작용 중 하나입니다. 실제로 양식은 사용자가 목적을 달성하는 과정에서 최종 단계로 간주되는 경우가 많습니다. 양식은 최종 목적을 위한 수단으로 사용됩니다. 사용자는 신속하면서도 아무런 불편 없이 양식을 완료할 수 있어야 합니다.

July 6, 2017 / 디자인 /

다양한 크기의 화면 및 디바이스를 위한 디자인: 탁월한 UX를 완성하는 7단계

콘텐츠는 스마트워치의 소형 화면부터 대형 TV 화면에 이르기까지 다양한 크기의 화면에서 보고 상호 작용할 수 있도록 개발되어야 합니다. 그러나 다양한 디바이스를 위한 디자인은 단순히 다양한 크기의 화면에서 잘 보이도록 콘텐츠 크기를 조정하는 것에 그치지 않으며, 훨씬 복잡한 작업을 수반합니다. 디자이너는 앱이 화면에 맞게 늘어나기만 하는 것이 아니라 실제로 사용자의 디바이스에 딱 맞게 디자인되었다고 받아들일 정도로 각 디바이스의 사용자 경험을 극대화해야 합니다. 탁월한 UX를 제작하려면 다양한 디바이스와 화면의 크기를 타겟팅하기 위한 효과적인 전략을 세워야 합니다.

July 4, 2017 / 디자인 /

소규모 비즈니스 웹 사이트 디자인: 원츠 vs 니즈

클라이언트가 비즈니스를 위한 웹 사이트를 구축하고자 할 때 가장 먼저 떠올리는 것은 “모든 사람들”이 원하는 “모든 것”이 담긴 웹 사이트입니다. 다시 말해 비즈니스에 대한 모든 것이 포함된 웹 사이트를 원합니다. 그러나 이는 최상의 접근 방식이라 할 수 없습니다. 니즈와 원츠를 적절히 조율할 수 있어야 합니다.

June 26, 2017 / 디자인 /

사용자 경험 디자이너가 ‘생활 속 UX’를 고려해야 하는 이유

UX IRL은 ‘생활 속 UX(UX IRL, UX In Real Life의 준말)’로 실제 세상이 디지털 세상의 사용자 경험을 디자인하는 데 영감을 준다는 개념을 담고 있습니다.

June 12, 2017 / 디자인 /

SEO 및 UX의 조화로운 결합

웹용으로 사용자 경험을 설계할 때 고려해야 할 가장 궁극적인 목표는 사용자가 좋아하고 즐길 수 있는 경험을 만드는 것입니다. 하지만 사람들이 제품의 존재조차 알지 못한다면 그러한 탁월한 경험도 빛을 발하지 못하게 됩니다. 기존 마케팅, 소셜 미디어 및 콘텐츠 전략을 활용하는 것도 제품의 인지도 향상을 위한 좋은 방법이지만, 검색 엔진 최적화(SEO)와 연계하여 검색 엔진 순위를 높여줄 경험을 디자인하는 것도 훌륭한 방법이 될 수 있습니다. 검색 엔진 최적화는 디자이너가 관심을 보일만 한 주제는 아니지만 적극적으로 개입해야 할 디자인 요소입니다.

June 8, 2017 / 디자인 /

모바일 내비게이션의 기본 패턴

사용자가 내비게이션 앱을 처음 사용할 때 사용자는 앱의 어느 지점에서나 원하는 기능을 사용할 수 있어야 합니다. 탁월한 내비게이션이라면 사용자가 원하는 위치로 정확히 안내해야 합니다. 그러나 화면이 작다는 한계가 있고 화려한 기능보다는 콘텐츠를 우선시해야 한다는 점 때문에 탁월한 내비게이션을 구현하는 것이 결코 쉽지가 않습니다. 이 게시물에서는 모바일 앱의 5가지 기본 내비게이션 패턴을 살펴보고 각 패턴의 장단점을 살펴보겠습니다.

June 5, 2017 / 디자인 /

디자인 프로세스의 발전

오늘날의 디자인 유형은 예전처럼 “인쇄용”과 “웹용”으로 구분되지 않습니다. 디자인의 발전에 관해 정기적으로 논의를 나누는 어도비 XD의 제품 관리자 조나단 조슈아 피멘토(Jonathan Joshua Pimento)는 디자인이 두 가지 큰 범주, 즉 ‘화면 디자인’과 ‘화면 밖 디자인’으로 나뉜다고 말합니다.

May 24, 2017 / 디자인 /

유저테스팅의 브라이언 스미스가 전하는 A/B 테스트 인사이트

A/B 테스트(분할 테스트라고도 불림)란 유사한 특성을 보이는 방문자들을 대상으로 웹 사이트 또는 제품의 두 변수(A와 B라고 칭함)를 비교하여 어느 것이 더 효과적인지 확인하는 것입니다. 따라서 이를 토대로 더 나은 성과를 낼 수 있는 변수를 채택하게 됩니다. 현재 유저테스팅(UserTesting) 마케팅 부문 부사장인 브라이언에게 A/B 테스트가 UX 디자인 프로세스의 핵심 요소인 이유와 성공적인 테스트 수행을 위한 몇 가지 팁을 물어보았습니다.

April 24, 2017 / 디자인 /

UX 전문가에게 묻다: 사용자로부터 얻은 교훈

디자이너가 사용자에 대해 더 많은 것을 파악하려면 사용성 테스트, 사용자 리서치, 웹 분석 등 몇 가지 툴을 사용할 수 있겠지만, 경우에 따라서는 기대조차 하지 않은 시점에서 사용자가 해답을 제시해 주기도 합니다. 우리는 몇 명의 UX 전문가에게 실제로 사용자를 파악하는 데 그치지 않고 더욱 심도 깊은 이해력을 보유한 디자이너가 되기 위한 조언을 요청했습니다. 다음은 UX 전문가의 답변을 요약한 것입니다.

April 10, 2017 / 디자인 /

팔레트의 힘: 데이터 시각화에서 색상이 중요한 이유와 색상 활용법

도표나 비율을 표시하거나 데이터에 시각적인 설명을 곁들이는 경우, 색상은 매우 효과적인 도구입니다. 색상을 적절하게 사용하면 독자의 시선을 끌 수 있을 뿐만 아니라 독자들의 데이터에 대한 이해를 높이는 데 기여할 수 있습니다. 그렇다면 데이터 시각화에서 색상을 어떻게 사용해야 효과를 거둘 수 있을까요? 디자이너가 수용해야 할 사항과 피해야 할 사항을 간략하게 살펴봅니다.

March 29, 2017 / 디자인 /

기술과 디자이너 역할의 진화

오늘날 우리는 디자인을 사용자 경험, 그래픽 및 웹 디자인 또는 패션과 제품 디자인과 같은 활동과 관련지어 생각합니다. 대중 매체의 발전 및 대량 생산 방식은 포스터 및 제품 제작에 필요한 특정한 스킬을 필요로 하게 되었습니다. 기술 변화의 여파는 그때마다 디자이너가 수행하는 역할과 활동에서의 진화를 가져옵니다.

March 22, 2017 / 디자인 /

제로 UI: 스크린리스 상호작용을 위한 디자인

포스트 스크린 시대의 일상이 펼쳐지고 있습니다. 스마트한 상황 인식 디바이스의 출현은 사람들이 콘텐츠와 상호 작용하는 방식을 바꾸고 있습니다. 데이터는 사람들이 처한 물리적 환경 및 디지털 환경 상황에 대한 연결 상태를 보여주는 스냅샷입니다. 디자이너는 사용자 가치를 창출하는 데이터 및 알고리즘 기반의 스크린 없는 경험을 제작해야 할 필요성을 깨닫게 될 것입니다.

March 8, 2017 / 디자인 /

2017년 전문가다운 웹 및 앱 디자인 포트폴리오 제작 방법

잘 구성된 포트폴리오는 디자이너의 가장 좋은 친구라고 합니다. 이러한 이유에서 포트폴리오 제작은 대부분의 신입 디자이너들이 반드시 해야 할 일의 목록 중 가장 높은 순위에 있습니다. 지금부터 포트폴리오 제작 디테일에 대해 자세히 살펴보면서 클라이언트에게 강한 인상을 줄 수 있는 2017년 웹 디자인 포트폴리오 제작법을 살펴보겠습니다.