UX/UI 실무에서 자주 등장하는 용어들이 있다. 온보딩, 리텐션, 퍼널, CTA, 히트맵 등 처음 접하는 디자이너나 비전공자에게는 마치 외계어처럼 느껴질 수도 있다. 하지만 이 단어들은 단순한 유행어가 아니라 사용자 경험을 이해하고 설계하는 데 있어 핵심이 되는 개념들이다. 이번 글에서는 실무에서 꼭 알아야 할 UX 용어 20개를 정리해본다.
01. 🧭 Onboarding (온보딩)
- 정의: 신규 사용자가 제품을 처음 사용할 때 기능과 가치를 자연스럽게 익히도록 돕는 과정
- 예시: 토스 앱 처음 실행 시, 주요 기능을 튜토리얼 형식으로 소개하는 화면 플로우
02. 🎯 CTA (Call to Action)
- 정의: 사용자의 행동을 유도하는 버튼이나 링크
- 예시: 쇼핑몰 상품 상세 페이지의 "지금 구매하기" 버튼
03. 🌀 User Flow (사용자 흐름)
- 정의: 사용자가 제품 내에서 목표를 달성하기까지 거치는 경로
- 예시: 배달 앱에서 음식 검색 → 메뉴 선택 → 장바구니 → 결제까지의 화면 순서
04. 📉 Drop-off (이탈)
- 정의: 유저가 특정 단계에서 이탈하고 다음 행동으로 넘어가지 않는 것
- 예시: 회원가입 단계 중 비밀번호 설정 페이지에서 유저가 많이 떠나는 경우
05. 📊 Conversion (전환)
- 정의: 사용자의 행동이 원하는 목표에 도달하는 것 (예: 회원가입, 결제 등)
- 예시: 100명이 방문해 10명이 구매했다면 전환율은 10%
06. 🧪 A/B Test
- 정의: 두 가지 버전의 UI/UX를 실험해 더 좋은 반응을 이끄는 방식을 테스트하는 것
- 예시: 로그인 버튼 색상을 파란색 vs 초록색으로 바꿔 클릭률 비교
07. 📍 Funnel (퍼널)
- 정의: 사용자의 전환 과정 단계별 진행률을 시각화한 구조
- 예시: 회원가입 → 장바구니 담기 → 결제 완료로 갈수록 유저 수가 줄어드는 퍼널 구조
08. ♻️ Retention (리텐션)
- 정의: 사용자가 서비스를 얼마나 오랫동안 반복적으로 사용하는지
- 예시: 첫 주 사용 후 한 달 내 재방문한 사용자 비율이 25%인 경우
09. 🔥 Pain Point
- 정의: 사용자가 겪는 문제 또는 불편한 지점
- 예시: 카카오톡에서 대용량 파일 전송이 불가능했던 시절의 제약
10. 🧠 Persona (페르소나)
- 정의: 대표 사용자의 유형을 구체화한 가상 인물
- 예시: 29세 직장인 여성, 강남 거주, 건강 앱 사용 목적은 체중관리 등
11. 👣 User Journey Map (사용자 여정지도)
- 정의: 사용자가 서비스를 이용하면서 경험하는 모든 단계를 시각화한 지도
- 예시: 숙소 예약 앱에서 검색 → 비교 → 예약 → 후기 작성까지의 흐름 정리
12. 📍 Microinteraction
- 정의: 버튼 클릭, 로딩, 알림 등 작은 상호작용을 통해 사용자 경험을 풍부하게 하는 UI 요소
- 예시: 인스타그램에서 좋아요 누르면 하트가 터지는 애니메이션
13. 💬 UX Writing
- 정의: 사용자 행동을 유도하고 맥락을 설명하는 인터페이스 내 텍스트 작성
- 예시: 에러 메시지 대신 “잠시 연결이 원활하지 않습니다. 다시 시도해주세요 :)” 같은 안내문
14. 🧭 Information Architecture (IA)
- 정의: 콘텐츠와 기능을 사용자가 탐색하기 쉽도록 구조화한 방식
- 예시: 쇼핑몰 카테고리를 의류 > 여성 > 여름 원피스 식으로 정리한 구조
15. 📍 Heuristic Evaluation
- 정의: 전문가가 정해진 원칙에 따라 UI를 평가하는 방법
- 예시: ‘직관성’, ‘피드백 제공’, ‘오류 방지’ 기준으로 모바일 앱 진단
16. 🔍 Heatmap (히트맵)
- 정의: 사용자의 클릭/스크롤/탐색 패턴을 시각화한 지도
- 예시: 사용자가 가장 많이 클릭한 버튼 영역이 붉게 표시되는 분석 자료
17. 📦 Component (컴포넌트)
- 정의: UI의 재사용 가능한 단위 요소
- 예시: Figma에서 만든 ‘기본 버튼’ 컴포넌트를 페이지 곳곳에서 활용
18. 🔗 Handoff (핸드오프)
- 정의: 디자이너가 개발자에게 작업 결과물과 가이드를 전달하는 프로세스
- 예시: 버튼 사이즈, 폰트, 색상 코드 등을 정리한 문서를 개발팀에 전달
19. 🧩 Design System
- 정의: 일관된 사용자 경험을 위한 UI 구성 요소, 규칙, 스타일 가이드 세트
- 예시: 카카오의 BAKO 디자인 시스템, 네이버의 D2 시스템 등
20. 📈 Usability Testing (사용성 테스트)
- 정의: 사용자가 제품을 실제로 사용해보며 문제를 찾아내는 테스트
- 예시: 회원가입 플로우에서 몇 초 만에 완료했는지, 어떤 단계에서 망설였는지 체크
✅ 마무리 조언
UX 용어는 그 자체보다 맥락과 사례를 통해 이해하는 것이 중요합니다. 단순 암기가 아니라 실제 프로젝트에서 ‘이 개념이 왜 필요했는가’를 되짚어보며 사용한다면, 디자인 실무의 깊이도 함께 성장할 수 있습니다.
'디자인' 카테고리의 다른 글
| 실무 디자이너가 사용하는 협업툴 TOP 5 (디자이너-개발자-기획자) (0) | 2025.05.12 |
|---|---|
| A/B 테스트부터 UT까지: UX디자인 개선 사례 모음 (0) | 2025.05.12 |
| UX 디자이너를 위한 Notion 사용법: 협업 & 포트폴리오 사용 꿀팁 (2) | 2025.05.12 |
| 좋은 UI디자인이란? 디자인 평가 기준과 체크리스트 (0) | 2025.05.12 |
| Figma로 보는 디자인 시스템 실전 가이드 (1) | 2025.05.12 |