ux ui 차이점 알아보기

ui와 ux의 차이점 알아보기

안녕하세요. 이전 기획자로서 일하면서 까먹지 말아야 될 지식들을 공부하기 위해 하나씩 포스팅해보려고 하는데요. 오늘은 가장 기본적인 ui와 ux의 차이점 알아보기 시간을 가져보겠습니다.


​


ui와 ux 무슨 개념일까?

​

UI = User Interface의 약자로 용어 그대로 해석하면 사용자가 서비스를 이용할 때 보는 장면 

 

UX = User Experience의 약자로 사용자 경험을 의미합니다. 

 

도대체 이게 무슨 말인가요?

 

개념적인 부분을 생략하고 ui를 쉽게 말하면 화면에 보이는 전체적인 이미지라고 볼 수 있고 ux는 작동하는 버튼들의 배치라고 보면 됩니다.

 

그렇기 때문에 ux나 ui가 구리면 사용자의 불편한 경험이 야기되고 앱의 이탈로 이어지는 것이죠. 그렇기 때문에 이 두 가지는 항상 함께 해야 되며 ux가 레퍼런스 기반을 따라가는 이유이기도 합니다.

 

ex)이 화면을 역기획한다고 할때 

이 틀은 ui디자인

눌렀을 때 반응이 오는 페키지 이름 부분, 결제페이지로 이동하는 금액 부분, 눌렀을때 창이 꺼지는 X버튼, 오늘 하루 그만보기 등 터치 했을 때 반응이 버튼위치를 디자인 하는 걸 UX디자인이라고 생각하시면 됩니다. 

여튼 눌렀을 때 반응이 오는 이 화면의 기능성을 담당하는 부분을 디자인한다면 UX디자인. 단순히 보이는 부분의 틀만 잡으면 ui디자인

​왜 ux가 레퍼런스 기반을 따라갈까요?

 

ux는 위에서 설명드린 것처럼 user experience 즉, 유저의 경험을 이야기합니다. 앱의 버튼들이 어떻게 반응하느냐를 지정하죠. 그런데, 여기서 생각해 봐야 될 것이 있습니다. ux를 늘 새롭게 만들면 좋을까요? 그럴 수도 있지만 안 그럴 수도 있습니다.

​

간단하게 예를 들어보겠습니다.

 

천만 명의 사용자가 애용하는 앱 vs 신규로 론칭하는 앱이 있습니다.(두 가지 모두 같은 쇼핑몰, 혹은 게임처럼 동일한 앱이라는 가정하에) 그런데 신규로 론칭하는 앱의 ux와 ui가 천만 명이 애용하는 앱과는 전혀 다른 구조 라면 어떻게 될까요?

​물론, 얼마나 잘 뽑혔는지에 따라 다르겠지만 천만 명의 사용자가 애용하는 ux에 익숙해진(이것이 유저의 경험) 분들은 신규로 론칭하는 앱의 ux가 많이 불편할 것입니다. 


이유는 간단합니다. 바로 지금까지 자신이 사용해온 ux와는 완전히 다르기 때문이죠. 유저의 경험은 천만 명 앱에 머물러 있는데 익숙하지 않은 새로운 것을 제시하니깐 불편한 겁니다. 자기 집이 바뀐 것처럼요. 물론, 적응하면 괜찮겠지만 후발주자로서 유저들을 끌어들이려면 사소한 불편함도 없는 게 좋겠죠.

서로 다른 게임이지만 보시는 것 처럼 UX위치 자체는 거의 같고 실제 왼쪽의 uiux는 세븐나이츠를 모티브로 함...내가 했으니깐...

그리고 이것이 바로 여러분들이 비슷한 앱에서 비슷한 ui를 본 이유이며 이를 기존 앱들과 완전히 다르게 만들지 않는 이유이기도 하죠.(위의 예시만 봐도 아실 텐데 다른 게임이지만 사실상 UX가 같음을 아실 거고 실제 모티브도 맞습니다...내가 한거라 확실...)

 

 

​그렇다고 레퍼런스와 똑같이 만드는 것을 지향 하지는 않습니다. 모든 앱의 버튼에는 자신들이 바라는 기획의도가 담겨있기 때문이죠. 즉, 다른 앱에서 슬라이드를 했을 때 초기 화면으로 간다고 우리 앱까지 그럴 필요는 없습니다. 

​실제로 모바일 게임의 ui ux가 워낙 비슷해서 많은 분들이 베꼈다고 이야기하지만 실제 기획서에는 버튼 하나하나에 기획의도를 담은 화면들도 많습니다. 

 

번거로운 작업이지만 시간과 돈을 들여 작업을 하는 이상 이유 없는 컨텐츠를 만들 이유가 없기 때문이죠.(그렇다고 베껴다가 쓰는 곳이 없지는 않습니다... 아니 매우 많을 거예요. 아마도...)

​

​

ui와 ux의 차이가 이렇게 나는 만큼 가장 좋은 설계 방법은 무엇일까요?

 

결국 유저의 편안함을 야기하는 ui와 ux를 기획하지만 각 화면마다 우리의 기획의도가 들어갈 수 있도록 구성하는 것이겠죠. 사실 원론적인 답변이라 말은 쉽습니다. 개인의 역량과 경험에 달려있는 부분인것 같네요.

​

마지막으로 정리해보자면

​보이는 이미지인 ui와 이미지에서 작동하는 특정 아이콘들로 유저의 경험을 만드는 ux는 당연히 묶어서 볼 수밖에 없다! ui 안에 ux가 포함되기 때문. 이렇게 오늘은 ui와 ux의 차이점에 대해서 간략하게 적어봤는데요. 저도 기억을 되살리면서 배우는 입장이니 혹여나 틀린 내용이 있거나 추가하고 싶은 부분이 있다면 언제든지 댓글 주세요!