알림

모두 읽음알림함

쪽지

쪽지함

웹디자인, UI디자인, UX디자인 개념을 좀 더 이해하기 쉽게 예를 들어봤습니다.

2019.08.13 10:54

미래시스템

좋아요 2

조회수 868

댓글 0

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

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

웹디자인이란?

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

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

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

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



UI (User Interface) 디자인이란?

UI (User Interface) 디자인은

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

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

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

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

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

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



UX (User Experience) 디자인이란?

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

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

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

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

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


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


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

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

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

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

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

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

근데!!!

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

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

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

스크랩

공유하기

신고

하트 아이콘체르시님 외 1명이 좋아합니다.

목록글쓰기
댓글 0
아직 등록된 댓글이 없습니다. 미래시스템님의 게시글에 첫번째 댓글을 남겨보세요.
댓글 새로고침
소셜로그인

로그인 후 더욱 많은 기능을 이용하세요!

네이버 계정으로 로그인
페이스북 계정으로 로그인
구글 계정으로 로그인
카카오톡 계정으로 로그인
이메일 또는 아이디로 로그인
X
회원가입ID/PW 찾기 소셜 계정 로그인

전체 알림

모두 읽음 표시 알림함

받은 쪽지

모두 읽음 표시 쪽지