안녕하세요~!
오늘 함께 해볼 이야기는 광고대행사에서 알려주는 UX/UI 디자인의 개념입니다.
UX/UI, 일상 속에서도 정말 많이 듣게 되는데 둘의 개념이 뭔지, 또 둘은 어떻게 다른지 항상 헷갈리는데요.
UX/UI, UX/UI 디자인의 뜻
먼저, UX와 UI의 뜻부터 알아볼까요?
UX = User Experience
UX는 즉, '사용자 경험'이라고 할 수 있으며,
UI = User Interface
UI는 '사용자 인터페이스: 사용자가 컴퓨터와 대화하기 위한 기호나 명령 체계'라고 할 수 있습니다.
그렇다면 UX 디자인은 쉽게 말씀드리자면,
User(사용자)들이 웹이나 앱을 쉽게 사용할 수 있도록, 사용자들이 원하는 바를 자료조사하고 이를 분석해서 얻은 통계자료 및 데이터를 기반으로 웹이나 앱을 제작하기 위해 구상하고 설계하는 모든 단계를 말합니다.
UX는 디자인보다는 기획 쪽에 가깝다고 생각하시면 더 이해하시기 쉬우실 것 같습니다.
그리고 UI 디자인은 User(사용자)가 실제로 앱이나 웹 혹은 제품 등을 사용할 때 마주하는 디자인, 기술적인 부분을 말합니다.
디자인은 레이아웃, 버튼, 폰트, 컬러 등이 표현되는 것이고, 기술적인 부분은 반응성, 애니메이션 효과, 입출력 방식 등이 있습니다.
UX/UI 디자인의 시작
그럼 UX/UI 디자인이라는 분야는 어떻게 시작되고 주목받게 된 것일까요?
컴퓨터, 인터넷, 스마트폰이 나오게 되면서 우리의 삶이 점점 더 디지털 세상이 되다 보니 디지털 세상을 디자인할 필요성이 생기게 됩니다. 그래서 UX/UI라는 분야가 주목을 받기 시작합니다.
UX/UI라는 분야는 쉽게 말해서 App(앱)이나 Website(웹사이트) 같은 디지털 디자인에 해당한다고 보시면 됩니다.
UX/UI는 서로 굉장히 밀접하게 연관되어 있고, 서로 중복되는 부분도 많습니다.
UX/UI의 차이점
하지만 둘은 분명한 차이점이 존재하는데요.
UX/UI의 차이점을 한 문장으로 정리해 보면,
UX는 ‘경험’이고, UI는 그 '경험'을 실현시키는 ‘수단’ 입니다.
UX = '경험'
UI = 이 '경험'을 실현시키는 '수단'
UX/UI의 설명을 위한 예시 : 카카오톡
이렇게 말씀드리면 잘 감이 안 오실 수도 있는데요.
그래서 우리에게 친숙한 앱을 예로 들어 설명드려 보겠습니다.
출처 : 카카오톡
다들 카카오톡 아시죠? 카카오톡의 UX는 뭘까요? 카카오톡은 어떤 경험을 제공하죠?
카카오톡은 ‘채팅’이라는 경험을 제공합니다.
그렇다면 이 ‘채팅’이라는 경험을 제공하기 위해서 어떤 수단을 사용하고 있나요?
네, 바로 ‘App(앱)’이라는 수단을 사용하고 있습니다.
그래서 카카오톡의 UX=’채팅’이라는 경험이고, 카카오톡의 UI=’App(앱)'이라고 할 수 있습니다.
이렇게 설명드리니 이해하시기가 조금 편하셨을까요?
그럼 좀 더 세부적으로 들어가 볼까요?
카카오톡의 UX인 ‘채팅’을 디자인하기 위해서는 수많은 것들을 고려해야만 하는데요.
우리가 채팅이라는 것을 하려면, 친구를 검색할 수 있어야 하고, 친구를 추가할 수 있어야 하고, 친구와 대화할 수 있어야 합니다.
이 세 가지를 묶어서 하나의 유저 플로어(User flow #1)라고 생각할 수 있습니다.
여기서 UX 디자이너들은 이 유저 플로어 안의 각각의 단계에 대해서 어떻게 가능하게 할 것이냐를 고려해야만 합니다.
예를 들어 친구 검색을 어떻게 가능하게 할 것인지에 대해 이름으로 검색을 하게 할 것인지, 전화번호로 검색을 하게 할 것인지, ID를 만들어서 검색하게 해야 하는지 등 이런 물음들에 답을 하는 것이 UX 디자이너들이 하는 일 중 하나입니다.