디자인

광고대행사에서 알려주는 UX/UI 디자인의 개념 | 지아이코퍼레이션

1460
0
1

 

안녕하세요~!

 

오늘 함께 해볼 이야기는 광고대행사에서 알려주는 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 디자이너들이 하는 일 중 하나입니다.

 

 

그렇다면 카카오톡의 UIApp을 디자인하기 위해서는 고려해야 할 점은 무엇이 있을까요?

 

UI 디자인은 결국엔 Visual Design 이라고 볼 수 있는데요. 그래서 UI 디자인을 할 때는 어떤 폰트, 어떤 컬러, 또는 어떤 레이아웃을 사용할 것인가를 고려해야만 합니다.

 

UX/UI의 연관성

 

그런데 제가 아까 UX 디자인과 UI 디자인은 굉장히 밀접한 분야 라고 했는데요.

 

그렇다면 비주얼 디자인UI 디자인이 UX 디자인어떻게 연관이 될 수 있나, 생각하실 수 있을 것 같습니다.

 

 

 

UI 디자인을 할 때 UX 디자인을 고려해야 하는 이유가 뭐냐면 비주얼적인 요소들, 예를 들어 어떤 폰트, 그리고 컬러, 이런 것들을 결정할 때 누구를 위해 어떤 경험을 디자인하는가에 따라서 굉장히 달라지게 되어있습니다.

그래서 UI 디자이너들 또한 UX 디자인에 대해서 잘 알고 있어야지만 우수한 제품을 디자인할 수 있습니다. 

 

또 반대로 UX 디자이너들도 UI 디자인에 대해서 잘 알고 있어야지만 우수한 제품을 디자인할 수 있겠죠.

 

왜냐하면 비주얼 디자인 역시 전체적인 App의 편리함에 굉장히 큰 영향을 미치기 때문입니다.

그래서 좋은 상품을 디자인하기 위해서는 UX/UI 둘 다 잘 해야만 합니다.

 

그럼 지금까지 광고대행사에서 알려주는 UX/UI  디자인의 개념이라는 주제로 UX/UI 디자인에 대한 개념, 시작, 예시 등 다양하게 한 번 같이 알아보았는데요~ 

 

궁금하셨던 분들께 조금의 궁금증 해소라도 되시는 기회가 되었으면 좋겠는데요~🤓

 

관련하여 궁금하신 내용이나 의견을 댓글로 자유롭게 남겨주시면 감사하겠습니다!😊👏

 

그럼, 지금까지 지아이코퍼레이션 이었습니다.

감사합니다.🙇🧡

 

 

 

 

[출처]

1) 공돌이 디자이너

_UX UI 차이점 정리 해드립니다 

https://youtu.be/fMunhPQPZA4?si=2bgArajUUXfz4cxZ 

 

2) 미대교수

_[ 디자인 전공 / 디자이너 필독 ] 

웹 WEB / 앱 APP / UI / UX 개념 확실히 모른다면 무조건 보세요! 

https://youtu.be/7Sy_6bvZsqQ?si=ekJDAgMFOzcp8ccX

#UX #UI #디자인
이 글에 대한 의견을 남겨주세요!
서로의 생각을 공유할수록 인사이트가 커집니다.

    추천 콘텐츠