top of page

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



광고대행사에서 알려주는 UX UI디자인의 개념

안녕하세요~!

오늘 함께 해볼 이야기는

광고대행사에서 알려주는

UX/UI 디자인의 개념입니다.

UX/UI​, 일상 속에서도 정말

많이 듣게 되는데 둘의 개념이 뭔지,

또 둘은 어떻게 다른지

항상 헷갈리는데요.



 

UX/UI, UX/UI 디자인의 뜻


 

먼저, UXUI의 뜻부터 알아볼까요?



UI UX 뜻

UX = User Experience

UX는 즉, '사용자 경험'이라고

할 수 있으며,

UI = User Interface

UI'사용자 인터페이스

: 사용자가 컴퓨터와 대화하기 위한

기호나 명령 체계'라고 할 수 있습니다.



UI디자인 UX디자인 뜻

그렇다면 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/UI의 설명을 위한 예시 : 카카오톡


 

이렇게 말씀드리면 잘 감이

안 오실 수도 있는데요.

그래서 우리에게 친숙한 앱을

예로 들어 설명드려 보겠습니다.




카카오톡

출처 : 카카오톡

다들 카카오톡 아시죠? 카카오톡의 UX는 뭘까요? 카카오톡은 어떤 경험을 제공하죠? 카카오톡은 ‘채팅’이라는 경험 제공합니다.



채팅

그렇다면 이 ‘채팅’이라는 경험

제공하기 위해서 어떤 수단

사용하고 있나요?

네, 바로 ‘App(앱)’이라는 수단

사용하고 있습니다.





그래서 카카오톡의 UX=’채팅’이라는

경험이고,

카카오톡의 UI=’App(앱)’

이라고 할 수 있습니다.

이렇게 설명드리니 이해하시기가

조금 편하셨을까요?



카카오톡 UX

​그럼 좀 더 세부적으로 들어가 볼까요?

카카오톡의 UX‘채팅’을 디자인하기

위해서는 수많은 것들을 고려해야만

하는데요.

우리가 채팅이라는 것을 하려면,

친구를 검색할 수 있어야 하고,

친구를 추가할 수 있어야 하고,

친구와 대화할 수 있어야 합니다.

이 세 가지를 묶어서

하나의 유저 플로어(User flow #1)라고

생각할 수 있습니다.



카카오톡 UX 2

여기서 UX 디자이너들

이 유저 플로어 안의 각각의 단계에

대해서 어떻게 가능하게 할 것이냐를

고려해야만 합니다.

예를 들어 친구 검색을

어떻게 가능하게 할 것인지에 대해

이름으로 검색을 하게 할 것인지,

전화번호로 검색을 하게 할 것인지,

ID를 만들어서 검색하게 해야 하는지 등

이런 물음들에 답을 하는 것이

UX 디자이너들이 하는 일 중 하나입니다.



카카오톡 UI

그렇다면 카카오톡의 UIApp

디자인하기 위해서는 고려해야 할 점은

무엇이 있을까요?

UI 디자인은 결국엔 Visual Design

이라고 볼 수 있는데요.

그래서 UI 디자인을 할 때는

어떤 폰트, 어떤 컬러,

또는 어떤 레이아웃을

사용할 것인가를 고려해야만 합니다.



 

UX/UI의 연관성


 

그런데 제가 아까 UX 디자인

UI 디자인굉장히 밀접한 분야

라고 했는데요.

그렇다면 비주얼 디자인UI 디자인

UX 디자인어떻게 연관이 될 수 있나,

생각하실 수 있을 것 같습니다.



UI UX 고려해야 하는 이유


UI 디자인을 할 때 UX 디자인 고려해야 하는 이유가 뭐냐면 비주얼적인 요소들, 예를 들어 어떤 폰트, 그리고 컬러, 이런 것들을 결정할 때 누구를 위해 어떤 경험을 디자인하는가에 따라서 굉장히 달라지게 되어있습니다. 그래서 UI 디자이너들 또한 UX 디자인에 대해서 잘 알고 있어야지만 우수한 제품을 디자인할 수 있습니다. 또 반대로 UX 디자이너들 UI 디자인에 대해서 잘 알고 있어야지만 우수한 제품을 디자인할 수 있겠죠. 왜냐하면 비주얼 디자인 역시 전체적인 App의 편리함 굉장히 큰 영향을 미치기 때문입니다. 그래서 좋은 상품을 디자인하기 위해서는 UX/UI 둘 다 잘 해야만 합니다. 그럼 지금까지 광고대행사에서 알려주는 UX/UI 디자인의 개념이라는 주제로 UX/UI 디자인에 대한 개념, 시작, 예시 등 다양하게 한 번 같이 알아보았는데요~ 궁금하셨던 분들께 조금의 궁금증 해소라도 되시는 기회가 되었으면 좋겠는데요~🤓 관련하여 궁금하신 내용이나 의견을 댓글로 자유롭게 남겨주시면 감사하겠습니다!😊👏 그럼, 지금까지 지아이코퍼레이션 이었습니다. 감사합니다.🙇🧡


 

[출처]

1) 공돌이 디자이너

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

2) 미대교수

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

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




Comments


bottom of page