1. UX / UI란?

UX (User Experience)
UI (User Interface)

UX는 경험, UI는 이 경험을 실행시키는 수단

UX라는 용어를 처음 사용한 사람은 인지심리학자인 도널드 노먼이다. 1990년대 초 ‘휴먼 인터페이스 연구(Human Interface Research)’라 부르던 것을 다 아우르기 위해 만든 용어다. 그는 휴먼 인터페이스나 사용성(Usability) 같은 표현이 지나치게 제한적이었기 때문에 UX라는 용어를 만들었는데 디자인과 그래픽스, 인터페이스, 물리적 상호작용, 매뉴얼 등 한 개인이 시스템을 경험할 때와 관련한 모든 측면을 다루고 싶었다.

UX 용어는 이렇게 태생부터 광범위한 의미를 담고 있다. 하지만 UI는 이와 달리 좁은 의미로 많이 사용한다. 일반적으로 PC나 스마트폰, 태블릿 같은 디바이스를 사용하는 화면상에서 발생하는 것을 칭하며, 페이지(Page) 레이아웃과 컬러, 폰트 같은 시각적인 디자인을 뜻한다.

공원에 다니기 편한 길(UI) 을 만들어 두었으나

다른쪽으로 움직이는게 더 빠르기(UX) 때문에 흙을 밟고 다른 곳으로 간다.

UI를 설계 할 수는 있으나 같은 UI를 만들어도 각 유저의 니즈와 행동양식이 다르기 때문에 UX는 다를 수 있습니다. 따라서 UX를 디자인(설계)한다는 말은 현실적으로 어렵고 "UX를 고려해서 UI를 설계한다"는 표현이 적절합니다.

UI작성 > UX로 유저들의 니즈 파악 > UI 업그레이드 > UX 만족감 상승

UX는 안 보이는 것을 연구하는 것, UI는 그것을 보이게 만드는 구체화 작업

UX는 사용자가 느끼는 느낌, 태도, 행동이고 UI는 사용자가 인터페이스를 직접 대면하는 환경

UX는 사용자의 경험에 대한 통계에 기반을 둔 개선 연구, UI는 그 개선 연구를 실제화하는 것.

2. UX / UI 디자이너의 업무

UX 기획 : 사용자의 데이터로 문제점을 찾는다. 새로운 서비스를 제안하거나 수정 방향을 제시한다. UI 디자인 : 사용하기 편리한 UI를 디자인하고 사용자와 서비스의 interaction 경험을 개선한다. GUI 디자인: 시각적으로 통일성이 있고 이해하기 쉽게 표현한다.

UX 기획자

UX 기획자는 UI, UX, GUI 중 가장 "User"와 가까이에 있는 직군으로, 사용자의 행동을 분석하고 서비스에서 개선할 부분을 발견합니다. 그리고 분석 결과를 상위 결정권자, 개발자, 디자이너가 이해할 수 있게 전달합니다.
UI 디자이너

UI 디자이너는 UX 기획자가 찾은 문제점을 수정해 사용자의 경험을 개선해야 합니다. 위 그림의 UI 디자이너는 메뉴의 위치를 이동해서 사용성을 높이려고 합니다. (실제로는 상단이 하단보다 눈에 띄는 위치이니 예시로만 이해해주세요) 메뉴 구조나 기능을 바꾸는 것이 아니니 UI 시나리오를 변경하지 않아도 됩니다.

UI 시나리오란 서비스의 UI 구성 요소가 동작하는 방법과 사용자가 UI를 사용했을 때 나타나는 다음 화면을 정리한 정책서입니다. UI 디자이너는 UX 기획자와 함께 사용하기 쉬운 UI를 구상하고 시나리오로 정리합니다. 기능 수정이 필요할 경우 개발자와 협의를 진행합니다. UI 디자이너는 주로 front-end 개발자와 일합니다. Front-end 개발자는 UI 디자이너의 UI 시나리오와 GUI 디자이너의 디자인 가이드에 따라 UI를 구성하고 기능을 적용합니다.
GUI 디자이너

UI 디자이너는 UI 구성 요소의 사용성과 다른 구성 요소와의 연결성을 개선합니다. 그리고 GUI 디자이너는 UI 구성 요소의 시각적인 표현 방식이 적절한지 검토합니다. 적절하게 디자인된 UI 구성 요소는 회사의 브랜드 정체성과 전체 디자인 정책을 따릅니다. 위 그림에서 GUI 디자이너는 폰트를 기본 폰트와 얼라인 하자고 합니다. 폰트는 브랜드 정체성을 구성하는 가장 중요한 요소 중 하나입니다. 그러니 사용자가 잘 사용하지 않는 메뉴를 눈에 띄게 만들어야 해도 다른 폰트를 사용할 수 없습니다. 대신 텍스트만으로 버튼인 것을 알기 어려우니, 버튼 모양을 추가하자고 합니다. UX, UI 담당자와 협의를 통해 "버튼 디자인 안"이 채택되면 GUI 디자이너는 버튼 디자인 정책을 정리합니다. 추후 비슷한 역할을 하는 메뉴에는 모두 버튼 모양을 적용한다는 디자인 정책입니다.