UI UX 란 차이 자세히 파헤쳐보기

IT 및 인터넷 지식창고

반응형

UI (User Interface) 

UI (User Interface) 디자인은 사용자가 제품을 어떤 방식으로 이용하도록 만드느냐를 디자인하는 것입니다.

겉으로 시각화되는 작업입니다. 사용자가 실제로 마주하게 될 디자인, 레이아웃 등을 아우르는 개념

 

 위 그림을 예시를 들면서 볼게요

– 포크와 나이프 , 수저는  다음과 같은 디자인의 제품으로 구성
– 접시는 원형으로 된 접시에 바깥 테두리는 식욕을 돋아주는 밝은색 배치
– 접시에 눈금이 그려져있는 테두리 디자인
– 밝은색 음식과 붉은색 계열 음식의 배치

 

위 그림처럼 실제로 사용자가 접하게 되는 부분, 즉 시각적으로 드러나는 것들을 디자인하는 것이 바로 

‘UI 디자인’입니다. 눈에 보이는 색감, 크기, 정렬, 모양과 세부적인 디테일 등을 표현하는 것을 말합니다.


 

UX (User Experience) 

UX (User Experience) 디자인은 영어 그대로사용자 경험을 의미합니다. 사용자가 어떤 제품, 시스템, 서비스 등을 직접적 혹은 간접적으로 이용하면서 느끼는 반응과 행동들과 같은 경험을 총체적으로 설계하는 것이 UX 디자인

 

 위 그림을 예시를 들면서 볼게요

– 먹기 좋게 자른 아보카도 수박
– 나이프는 들면 베이지 않도록 날은 안쪽으로 가도록 배치, 거드는 포크는 왼쪽 배치
– 왼쪽부터 디저트 위주에 배치, 오르쪽 부터 메인디쉬

– 기호에 따라 필요하게 될, 곁들이면 좋을 양념들


사용자가 겪을 경험 중심적인 관점에서 식탁을 구성하고 설계하는 것, 이와 비슷한 것이 바로 UX 디자인입니다.

 


 정리하자면,
UI 디자인은 사용자와 모바일 앱 사이의 인터페이스 즉, 레이아웃과 구조, 색상과 모양 등 시각적인 것!
UX 디자인은 모바일 앱에 무엇이 담겨야 할지 전반적으로 구상하고 정보를 수집하여 설계하는 모든 단계!

 

반응형