안녕하세요~!
오늘 함께 해볼 이야기는
광고대행사에서 알려주는
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 디자이너들이 하는 일 중 하나입니다.
그렇다면 카카오톡의 UI인 App을
디자인하기 위해서는 고려해야 할 점은
무엇이 있을까요?
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 차이점 정리 해드립니다
2) 미대교수
_[ 디자인 전공 / 디자이너 필독 ]
웹 WEB / 앱 APP / UI / UX 개념 확실히 모른다면 무조건 보세요!
