웹디자인, UI디자인, UX디자인 다 똑같아 보이는데 무슨차이가 있는건지

전문가들이 알려주는 어려운 정의로는 이해가 힘들어 하시는 분들도 있을 것 같아서 제가 쉽게 설명해보려 합니다.

먼저 웹디자인은 웹을 통해 보여지는 모든 디자인을 말합니다.

디스플레이광고디자인, 홈페이지디자인, UI디자인, 모바일광고디자인 등 웹을 통해 보여지는 모든 디자인을 웹디자인이라 하죠~

따라서 UI디자이너도 웹디자이너라 할 수 있고, 쇼핑몰디자인을 하는 사람도 웹디자이너라 할 수 있겠습니다.

​

※ 반대로 잡지, 전단지, 신문 등 종이를 통해 인쇄된 디자인은 인쇄디자인이라 합니다.

UI (User Interface) 디자인은

디스플레이(화면)를 통해 사용자들과 기계와 소통을 할 수 있도록 도와주는 디자인입니다.

​

과거에는 UI디자인이 아주 불편했던 시기에는 기계와 사용자가 소통을 하기 위해서는 어려운 명령어를 입력해야 했는데요, 지금은 UI디자인이 점점 빠르게 발전되고 있습니다.

이젠느 구매하기 버튼을 누르면 구매를 할 수 있고, 자세히보기를 클릭하면 해당내용 자세히 볼 수 있고, 전화버튼을 누르면 전화를 걸 수 있고 아주 편해졌죠~

(지금도 전문프로그래머들은 사용자들의 편리한 UI를 제공하기 위해 어려운 명령어를 통해 기계와 소통하고 있습니다.)

​

이렇게 사용자와 기계간에 편한 소통을 하기 위해 화면 디자인을 하는 것을 UI 디자인이라 합니다.

​

따라서 UI디자이너들은 사용자가 기계가 쉽게 소통할 수 있는 화면을 이쁘고 세련되고, 편리하게 디자인하는 일을 하는 사람들이라 할 수 있죠~

UX (User Experience) 디자인은 사용자 경험을 의미합니다.

사용자가 어떤 제품, 시스템, 서비스 등을 직접적 혹은 간접적으로 이용하면서 느끼는 반응과 행동들과 같은 경험을 총체적으로 설계하는 것이 UX 디자인인데요... 무슨말인지 이해가시나요??

​

이해가 안가시는 분들을 위해 예를 들어 설명드릴께요.

​

UI디자인이 생겼을 당시에 UX디자인이라는게 없었습니다.

UX디자인은 UI디자인이 점점 보편화가 되면서 사용자들이 스마트폰, 쇼핑몰, 각종 어플 등 여러경로를 통해 UI디자인을 점점 많이 접하게 되고, 그러다보니 사용자들의 UI디자인에 대한 경험도 점점 많이 축적되고 있는데요~

​

예를 들어 굳이 [사이트메뉴펼쳐보기] 라고 안쓰고, 삼선모양의 햄버거버튼만 넣어도 메뉴자세히보기라는 것을 알고 전화걸거라고 안해도, 전화모양을 보면 전화가 연결될거라고 알고 있습니다.

또한 홈페이지디자인에서도 왼쪽 상단의 로고를 누르면 홈페이지 메인화면으로 이동된다고 인지하고 있습니다.

​

스마트폰 사진을 손가락으로 늘리면 사진이 확대된다는것도, 기사제목을 클릭하면 자세한 내용이 나온다는 것도 알고 있습니다.

​

이건 누가 알려준것이 아니라, 사용자들의 UI디자인을 여러경로를 통해 접하게 되고, 이런 경험이 점점 쌓이면서 나타나는 결과입니다.

​

이렇게 사용자들의 경험을 분석하여, 효과적으로 UI디자인을 하는 것을 UX디자인이라 합니다.

이처럼 UX디자인을 잘 활용하면, 아주 심플하면서도 세련된 UI디자인을 할 수 있겠죠? ^^

[메인으로 이동하기] [전체메뉴펼쳐보기] [전화연결하기] 등 복잡한 설명버튼을 안써도 되니까요~

​

근데!!!

오해하지마세요!!! 무조건 줄이고 단순화하는게 UX디자인이 아닙니다.

만약 서비스 타겟이 고령의 노인들이라면... 젊은사람들만 이해할 수 있는 햄버거버튼, 어려운아이콘을 넣고 디자인을 한다면... 오히려 역효과가 날 수 있겠죠?

​

따라서 UX디자이너들은 사용자들의 경험을 각종 통계 및 여러자료를 통해 분석하고, 화면을 구상하고 정보를 수집하여 효과적으로 디자인을 하는 사람들이라 할 수 있습니다.

[관련자료]

https://blog.naver.com/chopie80/222388588573