1.1 UX/UI 개요

디자인과 UX디자인

• 디자인이란? : 단지 무언가를 매력적으로 보이게 하거나 사용성을 좋게 하거나 기쁨을 주는 것만을 말하는 것이 아닙니다. 디자인은 우리가 만든 경험을 통해 고객에게 깊은 의미를 전달할 수 있는 방법입니다. 우리는 기본적이고 유용한 것에서 출발해 고객에게 그 이상의 향상된 가치를 전달시키는데 매진해야 합니다. -리나 머천트, 구글 디자인 리더

• UX디자인이란? : 경험 자체를 새롭게 디자인하겠다는 의미. UX는 방법론, UI는 디자인할 대상을 의미한다.

UI (User Interface)

UI는 화면 내 노출될 정보를 구성하고, 위아래 및 좌우로 배치하고, 각 정보나 기능의 형태를 디자인하는 작업이다.
UI에서 제일 처음 하는 작업은 정보를 구성하는 것이다. 어떤 정보를 제공할 지 정의하고, 정보를 묶거나 쪼개면서 연관 관계를 설계한다. 그 다음, 앞서 구성된 정보를 상하좌우로 배치한다. 여기서, 사용자가 무의식적으로 디자이너가 의도한 UX대로 정보를 이용하게 하기 위해서, 강조, 대비, 균형, 요약을 하기도 한다.

IA (Information Architecture)

IA는 사용자가 서비스를 원활하게 탐색하게 돕기 위한 목적으로 만들어진 도구이다.
필터나 태그, 정보의 이름을 정하는 레이블링 작업이 IA에 해당한다.
탐색은 UX에서 매우 중요한 비중을 차지한다. 사용자들이 겪는 고충의 1/3 가량은 원하는 메뉴를 찾지 못하거나 검색을 제대로 하지 못하고 헤매는 등 탐색 과정에서 발생한다.

이용흐름 (User Flow)

이용흐름은 사용자가 서비스를 이용하는 흐름이다. 금융이나 쇼핑과 같은 서비스에서는 이용흐름을 통해서 거래, 가입, 인증, 변경과 같은 활동이 어떻게 순차적으로 이루어지는지를 표현한다.

인터렉션 (Innteraction)

UI설계가 정보를 구성, 배치, 형태로 만들어내는 정적인 작업이라면 인터렉션 설계는 사용자와 서비스 간 상호작용, 제스쳐, 상태변화 디자인 등 동적인 작업이다. UI와 인터렉션이 잘 결합했을 때 비로소 의미가 있다. 뛰어난 인터렉션 디자인은 움직임을 통해서 사용자에게 감성을 전달하기도 한다.

GUI (Graphic User Interface)

GUI 디자인은 비주얼디자인이라고도 부른다.
GUI는 해당 서비스/브랜드의 정체성과 개성, 고유한 심미성을 드러내는 데 일조할 뿐 아니라, 정보의 가치를 높이는 데도 기여한다.
GUI 디자인은 UX/UI에서 매우 큰 비중을 차지한다. 컬러 대비, 정보 간 대비, 정보 내 특정 요소 강조와 주목성등이 다 고려되어 있다.

서비스

각 디자인 영역별로 좋은 UX를 만들어내는 것도 중요하지만, 결국 가장 중요한 것은 서비스의 전체적인 UX가 매력을 주지 않으면 안 된다는 것이다.

UX 방법론

UX방법론은 문제해결(Solving)유형에 속한다.
사용자의 문제를 찾아서 그 해결방법을 아이디어, 시나리오, 프로토타입 순서로 풀어나가는 것이 UX방법론이다.

💡 UX방법론 = 사용자 경험 측면에서 문제를 밝히고, 그 해결 방법을 디자인하다.

UX방법론의 전체적 프로세스는 '4장.UX/UI 프로세스'에서 다루기로 하고, 여기서는 전체적인 흐름만 살펴본다.


1. 문제 정의하는 작업

• 문제를 찾는 3가지 관점
  • 프로세스 중심 : 사용자들의 경험을 실제로 조사한 다음, 고충이나 니즈, 행동 등을 분석
  • 원칙 중심 : 사람들이 보편적으로 가지고 있는 심리적 경향을 통해 예상되는 고충 분석
  • 트렌드 중심 : 현시대의 디자인 트렌드를 통해

2. 해결방법을 활용한 디자인 영역 정의
UI뿐만 아니라 IA, 이용흐름, 인터랙션, GUI가 여기 해당한다. 그러나 디자인 영역을 하나씩 고민하기에 앞서 전체적인 서비스의 내용을 먼저 고민하고, 서비스의 콘셉트와 전략을 먼저 정의내려야한다.

• UX 비젼(Vision) : 왼쪽에는 리서치와 인사이트가, 오른쪽에는 콘셉트와 디자인이 있다.
  
  

UX방법론은 결국 멋진 서비스 콘셉트와 UX/UI 디자인 결과물을 내놓는 게 목적이다.