ui와 ux디자인의 차이점 알아보기

UI / UX

디자이너, 웹 퍼블러리셔, 쇼핑몰에서 재직 중인 분이라면 ui디자인, ux디자인이라는 말은 익숙하실 텐데요,전문가라고 해도 ui/ux의 차이점을 물어본다면 당황하거나 대충 대답하는 분들, 많이 보셨을 겁니다.

그래서 오늘은 이 두 가지의 차이점에 대하여 알아보도록 하겠습니다.

사실 이 두 분야의 차이점에 대하여는 의견이 분분하기도 합니다. 그러니, 업계 실무자들이 인식하는 안의 범위에서 설명하도록 하겠습니다.

UI디자인이란??

UI디자인은 (User Interface)의 약자로 인터페이스 그 자체를 뜻합니다. 말 그대로 `유저 인터페이스` 사용자 위주의 인터페이스를 뜻합니다. 웹 디자인에서 UI의 정의는 사용자가 프로그램을 이용하여 내용을 입력하고 작업을 수행할 때 쉽게 사용할 수 있도록 메뉴, 버튼의 위치를 배치하고 디자인하는 작업을 뜻합니다. 즉, 사용자가 얻어갈 정보나 수행할 일들을 빠르고 정확하게 찾고 선택할 수 있도록 효과적인 인터페이스를 구축하는 일을 말합니다.

UX디자인이란??

UX디자인은 (User experience)의 약자로 사용자의 모든 경험의 총합을 뜻합니다. 사용자의 경험을 바탕으로 사용자의 요구를 만족하게 하기 위해서 웹 디자인의 콘셉트를 잡고 개발 방향을 정하는 작업을 UX 디자인이라 부릅니다. 웹 사이트, 모바일 앱 등 콘텐츠와 각각의 요소들을 연구하고 구축하여 설계하는 작업, 즉 감독의 역할이라고 생각하시면 쉽습니다.

UI디자인 (User Interface) 정리

-사용자 위주의 인터페이스(유저 인터페이스)

-인터페이스 그 자체

-사용자가 얻어갈 정보나 실천할 일들을 빠르고 정확하게 수행할 수 있도록 메뉴, 버튼 등의 위치를 디자인하는 것

-레이아웃, 구조, 색상, 모양 등의 시각화

UX디자인 (User experience) 정리

-사용자의 모든 경험의 총합

-사용자의 경험을 바탕으로 웹 사이트, 모바일, 제품 등의 전체적인 콘셉트를 정하고 각각의 요소를 설계하는 작업

-웹 사이트 그 자체를 뜻함(감독의 역할)

-사업과 마케팅의 중요 요소

UI UX 디자인의 차이점을 설명할 때 많은 예시로 드는 플레이팅으로 비교해보도록 하겠습니다.

요리에 필요한 재료들과 접시의 종류, 모양, 요리를 먹는 데 필요한 도구와 양념, 이 요리는 이런 요리였으면 좋겠다는 설명. 이 부분을 UX 디자인이라고 하겠습니다. (즉, 요리사의 관점에서 손님의 경험을 바탕으로 이런 요리를 만들겠다는 설정이라 할 수 있습니다.)

그렇다면, 접시의 색상, 요리를 먹는 데 필요한 도구의 디자인, 수저와 포크의 디자인은 이렇게 하고 수저는 오른쪽 포크는 왼쪽에 위치하도록 하는 설정. 양념 통의 디자인, 등을 시각화합니다. (즉, 만들어질 요리에 대한 손님의 관점에서 도구의 디자인과 먹기 좋은 도구의 위치를 설정한다고 할 수 있습니다.)

UI와 UX디자인의 차이점 정리

사용자의 모든 경험을 총합하여 콘셉트를 잡고 개발 방향을 정하는 감독의 역할을 수행하는 작업을 UX 디자인이라 부릅니다. UX 디자인을 구축하는 제작단계에서 사용자 위주의 인터페이스를 구축하여 메뉴, 버튼 등의 디자인을 시각화하는 작업을 UI 디자인이라 부릅니다. 즉, UX 디자인안에 UI 디자인이 포함된다고 생각하셔도 좋을 것 같습니다.