UI / UX 란?

ansrjsdn·2020년 6월 20일
0

frontend

목록 보기
2/4

UI / UX에 대해 아직 제대로 모르는 것 같아 정보들을 찾아 간단히 정리해보고자 한다.

UI / UX

간략하게 말하자면
UX는 경험이고,
UI는 이 경험을 실현시키는 수단이다.

카카오톡은 채팅이란 경험들 제공한다.
채팅이란 경험을 제공하기 위해 App이라는 수단을 사용한다.

카카오톡의 UX인 채팅을 디자인하려면 여러가지를 고려해야한다.

친구 검색, 친구 추가, 친구와 대화를 할 수 있어야한다.
이 3개를 묶어서 하나의 userflow라고 볼 수 있다.

UX디자이너들이 고려해야할 것은 각각의 단계들에 대해서 어떻게 가능하게 할 것인가를 고려해야한다.
EX) 친구 검색을 어떻게 가능하게 할 것인가? 이름으로? 전화번호로? 카카오톡 ID로?
이런 것들에 대한 물음에 답을 하는 것이 UX디자이너가 할 일 중 하나이다.

UI인 앱을 디자인하기 위해서 고려해야할 부분은?
UI부분은 결국 Visual Design이라고 볼 수 있다.
어떤 폰트, 어떤 컬러, 어떤 레이아웃으로 디자인할지를 고민해야한다.

UI와 UX는 굉장히 밀접한 부분이다. 어떻게 연관 되어 있을까?
UI디자인을 할 때 UX디자인을 고려해야하는 이유는 뭐냐면 비주얼적인 요소들
폰트, 컬러들을 결정할 때 누구를 위해 어떤 경험을 디자인 하는가에 따라서 굉장히 달라지게 된다.
그래서 결국 UI, UX를 둘 다 잘 알아야 우수한 제품을 디자인할 수 있다.
Visual Design 역시 사용자 경험에 굉장히 큰 영향을 미치기 때문이다.

예시

나쁜 UX의 예로 카카오톡 친구추가 과정을 예로 들면서 설명한다.
기존 카카오톡에는 친구 전화번호 검색 후 친구추가를 바로 할 수 있다.

그런데 나쁜 친구추가의 예를 들기 위해 몇가지 단계를 더 넣어서 하게 되면
친구 전화번호 검색 - 친구 생일 입력 - 친추추가 하는 이유 기술 - 친구초대 수락 - 친구추가 완료
이렇게 불필요한 작업들이 추가 되면 친구 추가 하다가 채팅조차 하기 싫어지는 등의 상황이 발생할 수 있다. 사용자의 경험이 떨어지는 것이다.

나쁜 UI의 예로는 일정하지 않은 폰트 크기, 잘 보이지 않는 글자, 구분되지 않는 글자 굵기, 크기 등이 있다. 이러한 경우에는 사용자 경험까지 떨어질 수 있을 것 같다.

출처: 공돌이 Designer 유튜브

profile
프론트 공부를 열심히 하고 있는 대학생 개발자입니다.

0개의 댓글