"UX가 뭐예요?"
돌아오는 답은 대개 "사용자 경험"입니다.
영어를 한국어로 바꿨을 뿐, 그 다음이 없습니다.
그래서 "UX를 개선하자"는 말에 다들 고개는 끄덕입니다.
정작 무엇을 고칠지는 아무도 못 짚습니다.
에그코드는 웹·SaaS 서비스를 만들면서 자체 서비스도 직접 운영합니다.
화면을 그리는 일보다 "이 화면이 어떤 경험을 주는가"를 정하는 일이 늘 더 어렵습니다.
오늘은 UX 뜻을 측정 가능한 단위로 쪼갠 16가지 UX 요소를 정리해드리겠습니다.
UI UX 뜻은 겹치지만, 다루는 대상이 다릅니다
UI 뜻은 사용자 인터페이스(User Interface)입니다.
버튼, 색, 폰트, 배치처럼 눈에 보이는 접점이죠.
UX 뜻은 사용자 경험(User Experience)입니다.
그 접점을 지나며 사용자에게 남는 감정과 판단 전체입니다.
| 구분 | UI · 사용자 인터페이스 | UX · 사용자 경험 |
|---|---|---|
| 다루는 것 | 눈에 보이고 손이 닿는 접점 | 접점을 지나며 남는 감정과 판단 |
| 예시 | 버튼 · 색 · 폰트 · 간격 · 배치 | 기대 · 망설임 · 만족 · 재방문 |
| 확인 방법 | 화면을 열어보면 바로 보인다 | 써본 사용자에게 물어야 안다 |
버튼을 예쁘게 만드는 건 UI의 몫입니다.
그 버튼을 누를지 말지 망설이지 않게 만드는 게 UX의 몫이고요.
UI는 만들면 보이지만, UX는 만든 뒤에 확인해야 보입니다.
경험을 재려면 자를 먼저 만들어야 합니다
문제는 경험이 눈에 안 보인다는 점입니다.
그래서 UX 리서치 도구 유저스푼(UPA)은 사용자가 인식하는 경험을 두 축 위에 올려둡니다.
인지과학·HCI 박사인 컴패노이드랩스 장진규 의장과 함께 검증한 기준입니다.
가로축은 즐거운 경험 ↔ 유용한 경험입니다.
세로축은 시스템 주도 ↔ 사용자 주도고요.
두 축이 만나면 사분면이 생깁니다. UX 포지션입니다.
알고리즘이 끌고 가는 유튜브와, 사용자가 직접 짜는 엑셀.
쿠팡과 당근마켓도 각자 다른 칸에 놓입니다.
→ 좋은 UX는 정해진 하나가 아니라 우리 서비스가 서 있어야 할 자리입니다.
16가지 UX 요소, 사분면별로 나눠보면
각 축에 붙는 구체적 항목이 UX 요소입니다.
| 축 | 개수 | UX 요소 |
|---|---|---|
| 즐거운 경험 | 7 | 예상치 못한 경험, 성취감을 자극하는 경험, 타인과 소통하는 경험, 연속적인 탐색 경험, 호기심을 자극하는 경험, 브랜드에 공감하는 경험, 시각적으로 즐거운 경험 |
| 유용한 경험 | 4 | 빠른 목표 달성, 일관적인 경험, 자연스러운 상호작용, 효과를 확인시켜 주는 경험 |
| 시스템 주도 | 2 | 시스템이 지원·보조하는 경험, 개인화된 경험 |
| 사용자 주도 | 3 | 커스텀할 수 있는 경험, 결과를 예상할 수 있는 경험, 다양한 용도로 쓸 수 있는 경험 |
"UX 개선"이라는 뭉뚱그린 말이 여기서 16개의 구체적 선택지로 바뀝니다.
진짜 문제는 의도와 인식의 어긋남입니다
기획팀은 "빠른 목표 달성"을 노리고 화면을 만듭니다.
정작 사용자는 "호기심을 자극하는 경험"으로 기억하기도 합니다.
이 어긋남은 결국 이탈률로 돌아옵니다.
그래서 UX 요소는 채울 목록이 아니라, 의도와 인식을 대조하는 표입니다.
특정 요소를 강화할지 약화할지 정하는 게 UX 전략입니다.
→ 16개를 다 잘하는 서비스는 없습니다. 욕심내면 오히려 산만해집니다.
정리하면
UX 뜻을 아는 것과 UX를 다루는 것은 다른 일입니다.
용어를 외우는 대신 서비스의 자리를 정하고, 필요한 요소만 골라 강화하면 됩니다.
물론 16개가 모든 서비스의 정답표는 아닙니다.
B2B 업무 도구와 커머스 앱은 봐야 할 축이 다르니까요.
다만 "UX를 개선하자"에서 멈추지 않고 무엇을 개선할지 말로 꺼낼 수 있다면, 회의의 질은 달라집니다.
함께 읽어보세요 — 앱개발 종류별 비용 차이와 선택 기준 · MVP 뜻부터 제작까지, 개발비 아끼는 순서 · 비개발자 대표가 알아야 할 IT 용어 정리 10가지 · 에그코드 웹 개발 서비스