<aside> 📎

참고 출처

1. The Definition of User Experience (UX) — Nielsen Norman Group — UX의 정의와 UI·사용성과의 구분에 대한 공식 출처입니다.
2. What Is User Experience? — Nielsen Norman Group — UI와 UX의 차이를 설명하는 정의의 근거입니다. </aside>

앞 레슨에서 기획은 '왜, 무엇을, 어떻게'를 설계하는 일이라고 정리했습니다. 그렇다면 설계가 잘되었는지 못 되었는지는 무엇으로 판단할까요? 그 기준이 바로 사용자 경험(UX)입니다. 좋은 기획과 나쁜 기획을 가르는 잣대를 세우기 위해, UX와 UI가 각각 무엇이고 어떻게 다른지부터 정리합니다.

UX와 UI의 개념 이해

• 기획자는 화면을 만들기 전에 '사용자가 우리 제품과 맺는 경험 전체'를 먼저 설계해야 합니다.
• UX와 UI는 자주 혼용되지만 범위가 다릅니다. 둘의 관계를 정확히 구분하는 것이 이 레슨의 목표입니다.

UX(User Experience)란 무엇인가

• UX라는 용어는 인지과학자 Don Norman이 1990년대에 처음 사용했습니다.
• NN/g의 정의에 따르면 UX는 사용자가 기업, 서비스, 제품과 맺는 모든 상호작용을 포괄합니다.
  • 화면 안의 경험만이 아니라, 제품을 발견하고 구매하고 처음 사용하고 고객센터에 문의하는 모든 접점을 포함합니다.
  • 예를 들어 배달 앱의 UX에는 앱 화면뿐 아니라 음식이 제때 도착했는지, 문제 발생 시 환불이 매끄러운지까지 포함됩니다.

UI(User Interface)란 무엇인가

• UI는 사용자가 제품과 직접 상호작용하는 구체적인 접점의 집합입니다.
  • 버튼, 입력창, 아이콘, 메뉴, 이미지 등 화면을 구성하고 조작하게 하는 요소들입니다.
• UI는 UX의 일부입니다. 좋은 UI는 좋은 UX의 필요조건이지만 충분조건은 아닙니다.

UX와 UI는 어떻게 다른가

• NN/g는 두 개념의 차이를 영화 리뷰 사이트 예시로 설명합니다.
  • 영화를 찾는 화면(UI)이 아무리 완벽해도, 데이터베이스에 대형 스튜디오 영화만 들어 있다면 독립영화 정보를 원하는 사용자에게는 경험(UX)이 나쁩니다.
  • 즉 화면이 예뻐도 사용자가 원하는 결과를 얻지 못하면 UX는 실패한 것입니다.
• 비유로 정리하면, 레스토랑에서 UI는 메뉴판 디자인과 인테리어라면, UX는 예약, 대기, 음식 맛, 직원 응대, 계산까지 이어지는 식사 전체 경험입니다.

사용성(Usability)과의 관계

• 사용성은 UI의 품질 속성으로, 배우기 쉬운지, 효율적인지, 사용이 만족스러운지를 가리킵니다.
• 사용성도 중요하지만 UX는 사용성보다 더 넓은 개념입니다. 사용성이 좋아도 정작 사용자가 원하는 가치를 주지 못하면 UX는 나쁠 수 있습니다.

기획자가 UX와 UI를 구분해야 하는 이유