눈 앞에 있어도 지나치는 것, UI UX란 무엇일까?

웹이나 앱 서비스를 이용할 때 ‘UI가 직관적이라 좋다’, ‘그 서비스는 UX가 잘 디자인되었다.’ 이런 리뷰를 보신 적 많으실 겁니다. 이렇게 웹·앱 디자인이나 서비스에 관심 있다면 누구나 들어봤을 용어이지만 UI UX 뜻, UI UX 디자이너는 어떤 일을 하는지, UI UX 차이가 무엇인지 명확히 알지 못하는 분들이 많습니다. 아랫글에서는 UI UX란 무엇인지, UI UX 디자이너의 업무가 무엇인지부터 UI UX 디자이너 현실적인 면, UI UX 차이까지 자세히 살펴보겠습니다.

Part1: UI UX 뜻

 1.1 UI

(Alt : ui ux 뜻)

 UI는 User Interface의 약자입니다. 다른 말로 사용자 인터페이스라고도 합니다. 인터페이스란 두 개 이상의 장치를 연결하거나 컴퓨터와 사용자 간의 통신이 가능하게 하는 장치 또는 프로그램을 주로 일컫는 말이죠. 다시 말해 UI는 사람(사용자)과 컴퓨터 시스템 사이 커뮤니케이션을 의미합니다. 그래서 우리가 웹사이트, 앱, 디스플레이 화면 등을 처음 접한 순간 보이는 모든 디자인 또는 기술적 요소를 UI라 할 수 있습니다. UI는 크게 입력과 출력으로 사용됩니다. 입력은 사용자가 시스템을 조작하는 행위를, 출력은 그 사용자가 입력한 값에 따라 나오는 결과물을 말합니다.

 1.2 UX

 (Alt : ui ux란)

 UX는 User eXperience의 약자입니다. ‘사용자 경험’이라는 뜻이 담긴 것 답게, 사용자의 모든 경험과 감정을 가리킵니다. UX는 사용자가 경험한 모든 것을 가리키기 때문에 그 범위가 더 넓습니다. 온라인 쇼핑몰을 예로 들어보겠습니다. 한 사용자가 어떤 쇼핑몰 앱을 방문했는데 디자인이 깔끔하고, 검색 과정도 편하다고 느낍니다. 원하는 물건을 쉽게 찾았고 문의 사항을 남길 때 친절한 답변을 받았습니다. 첫 고객이라는 이유로 마음에 드는 사은품과 감사 편지까지 받아 기분이 아주 좋았고 다음에도 구매하겠다는 생각이 듭니다. 반면 다른 쇼핑몰은 기능이 헷갈리고 심미적으로도 디자인이 좋지 않습니다. 물건도 쉽게 찾지 못하고 많은 상품을 샀는데 사은품 한번 없었습니다. 사용자는 불쾌함을 느끼고 다시 그 쇼핑몰을 가지 않게 됩니다. 이런 경우가 좋은 UX와 나쁜 UX 차이라고 할 수 있겠습니다. UI UX 뜻이 혼동되는 이유가 여기에 있습니다. 이 예시에 나온 것처럼, UX는 넓은 의미에서 UI도 포괄합니다. 인터페이스가 직관적이고 깔끔하면 사용자는 편하게 웹·앱 서비스를 이용할 수 있고 좋은 사용자 경험으로 이어지기 때문입니다.

Part2 : UI UX 디자이너가 어떤 일을 하나요?

2.1 UI 디자이너

 UI UX 정의를 알았지만, 실제 UI UX 디자이너가 무슨 일을 하는지 혼동하는 경우가 많습니다. 먼저 UI 디자이너는 주로 기획서에 쓰인 전달 사항과 와이어프레임을 토대로 화면을 구현하는 업무를 합니다. 전체적으로 눈으로 보는 느낌(Look&Feel)을 고려하고, 그에 맞춰 화면 구성을 기획하는 업무를 합니다.

 UI 디자이너는 주로 GUI를 디자인하는 직업으로 알려져 있습니다. GUI란 사용자가 그래픽을 통하여 컴퓨터와 정보를 교환하는 인터페이스를 말합니다. 직접 명령어를 입력하여 실행하는 인터페이스 CLI 라면, GUI는 터치나 클릭 등 화면에 보이는 방식으로 간단하게 작업을 수행합니다.

 일반적으로 UI가 GUI와 비슷한 용어로 쓰이기 때문에 UI 디자이너는 눈에 보이는 것만 깔끔하게 다루면 된다고 인식할 수 있습니다. 하지만 UI 디자이너는 심미성 뿐 아니라 정보를 함께 디자인하는 직업입니다. 예를 들어 화면 내에서 사용자에게 정보를 보여줘야 한다면 어떻게 보여줄지, 명령을 내렸을 때 네트워크 이슈 등으로 실행하지 못했다면 어떻게 알릴지 등 정보를 알려주는 방법을 디자인해야 합니다.

2.2 UX 디자이너

 장래희망을 이야기할 때 ‘UI UX 디자이너가 되고 싶다.’고 말하는 사례도 있습니다. 이는 UI UX 디자이너를 거의 비슷한 업무로 인식하기 때문인데, 깊게 들어가면 차이가 존재합니다. UX 디자이너의 업무 범위는 좁은 영역과 넓은 영역으로 나눌 수 있습니다. 먼저 '사용성 개선' 측면을 주로 다루는 UX 디자이너가 있습니다. 이 경우 '얼마나 사용하기 편리'한지 여부가 UX 디자이너의 업무 목표입니다.

 두 번째는 사용자의 총체적 경험을 개선하는 UX 디자이너입니다. 제품이나 서비스를 이용하며 오랜 시간 머물고 싶다는 감정이 생기고, 사용 빈도가 높아지며, 브랜드 자체 충성도도 높아지도록 하는 단계입니다. 편리한 사용만을 목적으로 하는 전자와 비교하여 경험 자체를 깊게 다루는 방식의 UX 디자인입니다.

 UX 디자이너는 UI UX GUI 등에서 가장 사용자와 연관이 깊은 직군입니다. 순 방문자 수(UV)나 페이지 뷰 수(PV)를 통한 정량적 분석, 초점집단 인터뷰(FGI)를 통한 정성적 분석 등 다양한 방식으로 고객 반응을 수집하고 분석합니다. UX 디자이너는 단순히 데이터만 추출하는 것이 아니라 사용자를 행동을 이해하여 새로운 서비스를 제안하거나 개선 방향을 찾아야 합니다.

2.3 UI UX 디자이너 현실

 UI UX 디자이너 현실적인 전망이나 요구되는 능력 등을 알아보겠습니다. 높은 수준의 UI UX design을 원하는 기업이 많기 때문에, 쉽게 사라질 직종은 아닙니다. 특히 UI UX 디자이너 중에서도 UX 디자이너는 웹, 그래픽 디자이너와 비교하여 평균 연봉이 높은 편입니다.

 그런데 UI UX 디자이너가 되는 일이 쉽지는 않습니다. 트렌드를 읽는 능력, 디자인 감각, IT 지식 등이 종합적으로 필요하기 때문인데요. 또 연봉도 대기업이나 좋은 직장과 작은 회사가 천차만별로 차이가 납니다. 하지만 포트폴리오가 중요한 직종인 만큼 실력을 쌓는다면 UI UX design 실무 능력을 인정받을 수 있을 겁니다.

 Part3:UI UX 디자인 차이점은 무엇일까?

 UI UX 정의와 UI UX 디자이너 주요 업무까지 살펴보았지만, 여전히 UI UX 차이를 구분하긴 쉽지 않습니다. UI UX 모두 사용자에게 최상의 제품과 서비스를 제공한다는 공통 목표가 있지만 차이가 존재합니다.

 UI는 사용자가 상호 작용하는 시각적 요소에 중점을 둡니다. 그 사용자가 무엇을 느끼고 경험할 지에 대해서는 UX 디자인 측면에서 유저 분석이 필요합니다. UX가 사용자 조사, 프로토타이핑 등 제품 디자인과 출시를 아우르는 분석 과정이라면 UI는 전체 구성된 UX를 시각적으로 풀어내는 업무입니다. UI UX design 협력이 잘 이루어져야 성공적인 제품이 개발될 수 있습니다. 그럼 좀 더 자세히 UI UX 디자인 과정과 UI UX 차이를 알아보도록 하겠습니다.

 

3.1 시각 디자인 vs 인터랙션 디자인

 

(Alt : UI UX design)                                 (alt : UI UX 디자인)

UX 디자이너는 주로 사용자와 제품의 인터랙션(상호 작용) 과정을 만들어냅니다. 사용자가 편리하고, 좋은 감정을 느껴 계속 제품을 이용하고 싶어지는지 종합적인 경험을 분석하기 위함입니다. UI 디자이너는 이미지 크기, 콘텐츠 배열 등 시각 디자인에 중점을 둡니다.

 3.2 색상 vs 와이어 프레임

 

(Alt : UI UX 차이)                              (alt : UI UX)

 

와이어프레임은 UX 디자인의 기본 골격을 말합니다. 유저의 입장에서 제품을 사용할 때 어떤 과정을 거치는지 시각과 텍스트 등으로 정보를 알려줍니다. 협업이 잘 이루어진다면 UI 디자이너는 와이어프레임만으로도 UI 디자인을 할 수 있습니다. 와이어프레임이 실제 서비스로 구현될 때는 색상을 넣는 등 심미적인 디자인 기술이 들어갑니다. 그냥 기능만 있던 와이어프레임에서 어떤 컬러를 넣느냐에 따라 많은 인상이 달라집니다. UI UX 차이가 있어도 원활한 협업이 이루어져야하는 이유입니다.

3.3 타이포그래피(텍스트) vs 시나리오

 

(Alt : UI UX design)                (alt : UI UX)

 

UX 시나리오는 구체적인 상황을 설정하여 사용자가 어떤 경험을 할지 예상해보는 도구입니다. UX 시나리오는 미래의 사용자를 가정하고 이들이 어떤 문제에 처할지, 어떤 속성을 지닐지 흐름을 파악합니다. UX 시나리오의 유형으로는 가상의 인물을 설정하는 페르소나 기법, 여러 사용자의 경험을 대변하는 유저 스토리 기법 등이 있습니다.

 UX 시나리오를  실현하는데 주요 변수 중 하나가 유저의 정보 파악 수준입니다. 유저가 제품의 정보를 어떻게 파악하느냐에 따라 경험이 천차만별로 달라지기 때문입니다. 개발자가 원하는 대로 사용자 시나리오를 구현하고 싶다면 타이포그래피 등 디자인 요소를 함께 신경 써야 합니다. 텍스트나 정보량, 타이포그래피 가독성이 유저 경험을 뒤바꾸기도 합니다. UI UX란 이렇게 끊임없이 협업 과정을 거칩니다.

 3.4 레이아웃 vs 유저 리서치

 

(Alt : UI UX 차이)                              (alt : UI UX 디자인)

UX 디자인의 가장 기본 업무는 유저 리서치입니다. 사용자 경험이라는 뜻을 가진 용어답게, 당연히 사용자를 분석하는 일이 필수입니다. 이런 사용자 경험을 바탕으로 UI 디자이너는 레이아웃을 구성합니다. 사용자가 주로 삭제 버튼을 어디에서 찾는지, 검색창은 어떻게 찾는지, 어떤 디자인을 어떤 기능으로 인식하는지 등 분석이 면밀히 이루어져야 펀리한 레이아웃을 구성할 수 있습니다. 디자인 감각 뿐 아니라 사용자가 편하고, 편리함을 넘어 즐거운 경험까지 갖게 하도록 만들어야합니다. UI UX design 수준을 높이려면 명확한 유저 분석을 바탕으로 레이아웃이 구성되어야 하는 이유입니다.

지금까지 UI UX 뜻, UI UX 디자이너 업무와 현실, UI UX 차이 등에 대해 알아보았습니다. UI UX 디자인 설명을 읽긴 했지만, 더 자세히 알고 싶다면 여러 서적과 함께 실제 서비스를 직접 분석해보는 일이 더 유용할 겁니다. UI UX 디자이너가 되고 싶다면 항상 사용자 입장에서 생각하는 자세가 중요합니다. 차이점이 존재하는 용어지만 결국 궁극적인 목표는 유저가 얼마나 제품에 좋은 인식을 가지는지 입니다. 비즈니스 측면만 바라보지 않고 종합적인 시야와 감각을 가져야 좋은 UI UX 디자인이 나옵니다.