초안
[UT Report] 지마켓 상품 구매 플로우 앱 사용성 테스트
1. 앱 인포메이션 (App Information)
- 테스트 대상: 지마켓(Gmarket) 모바일 애플리케이션 (iOS / Android)
- 테스트 범위: 메인 홈 $\rightarrow$ 상품 검색/탐색 $\rightarrow$ 상품 상세 페이지 $\rightarrow$ 장바구니 담기 및 주문/결제 플로우
- 테스트 목적: * 실제 사용자가 상품을 검색하고 결제 완료에 이르기까지 발생하는 인지적 과부하 및 이탈 요인 발굴
- 주요 태스크별 성공률 및 만족도 수치화를 통한 사용성 진단
- 테스트 환경 및 패널:
- 기간: 2026년 6월 중 진행
- 패널 구성: 총 5명 (헤비 유저 2명, 간헐적 유저 2명, 신규/이탈 유저 1명)
- 방법론: 싱크 얼라우드(Think Aloud, 생각 소리 내어 말하기) 기반의 관찰 및 심층 인터뷰
2. 앱테스트 체크 리스트 (Task Check List)
실제 사용성 테스트를 위해 패널들에게 부여된 시나리오 기반 태스크(Task) 체크리스트입니다.
UI 정상 작동 여부가 아닌, 사용자의 '행동 성공 여부'를 기준으로 평가합니다.
| 태스크 ID | 시나리오 및 수행 과제 (Task) | 성공 조건 | 평가 요소 |
| Task 1 | 상품 탐색: 여름용 린넨 셔츠를 검색하고, 평점이 높은 순으로 필터를 적용하여 원하는 상품을 고르세요. | 필터 적용 후 상세 페이지 진입 | 검색 정확도, 필터 UI 직관성 |
| Task 2 | 옵션 선택: 고른 셔츠의 '화이트/L 사이즈'를 선택하고 쿠폰 혜택을 찾아 적용해 보세요. | 최적 쿠폰 적용 후 장바구니 담기 | 옵션 선택 구조, 쿠폰 다운로드 편의성 |
| Task 3 | 주문서 작성: 장바구니에서 해당 상품을 선택해 주문서 화면으로 넘어가 배송지를 확인하세요. | 주문서 화면 정상 진입 및 확인 | 장바구니 정보 일치성, 화면 전환 속도 |
| Task 4 | 결제 진행: 스마일페이 또는 일반 결제 수단을 선택하여 최종 결제 직전 단계(인증 번호 입력 전)까지 진행하세요. | 최종 결제하기 버튼 클릭 | 결제 수단 선택 피드백, 정보 입력 유연성 |
3. 앱테스트 결과 수치화 (Quantitative Metrics)
5명의 패널 테스트 결과를 기반으로 한 사용성 지표 수치화 모델입니다. 태스크 성공률(SR)과 System Usability Scale(SUS) 개념을 변형한 점수를 적용했습니다.
3.1 태스크별 수행 결과
- 성공(S): 도움 없이 완수
- 부분 성공(PS): 지연이나 시행착오 후 완수
- 실패(F): 중도 포기 또는 태스크 목적 달성 실패
| 패널 ID | Task 1 (탐색) | Task 2 (옵션/쿠폰) | Task 3 (장바구니) | Task 4 (결제) | 개인별 만족도 (10점 만점) |
| User A | S | PS | S | S | 8.0 점 |
| User B | S | F | S | PS | 6.0 점 |
| User C | PS | PS | S | S | 7.5 점 |
| User D | S | S | S | S | 9.0 점 |
| User E | PS | F | PS | F | 4.5 점 |
| 태스크 성공률 | 80% | 40% | 90% | 70% | 평균: 7.0 / 10 점 |
종합 Usability Score: $70 / 100$ 점 (개선 필요 단계)
- 정성적 총평: 상품을 찾고 장바구니에 담는 전반적인 플로우는 익숙하나, 쿠폰 적용 과정과 결제 수단 변경 및 인증 과정에서 인지적 이탈 장벽이 높게 나타남.
4. 문제점 분석 (Usability Bottlenecks)
실제 패널들의 행동 관찰 및 Think Aloud 데이터 분석을 통한 핵심 문제점입니다.
🔴 Issue 1. 복잡하고 불명확한 쿠폰 적용 방식 (Task 2에서 다수 실패)
- 현상: 상세 페이지 내에서 다운로드 가능한 쿠폰이 여러 개 존재하지만, 어떤 쿠폰이 나에게 가장 유리한지 한눈에 파악하기 어려움.
- 사용자 발화: "쿠폰을 받았는데 왜 장바구니에서 적용이 안 되죠? 또 다운로드해야 하나요?"
- 원인 분석: 쿠폰 다운로드 버튼과 실제 적용 시점(주문서) 간의 맥락이 끊어져 있으며, 중복 적용 가능 여부에 대한 안내가 불친절함.
🟡 Issue 2. 결제 수단 변경 시의 높은 허들 (Task 4)
- 현상: 지마켓 자체 페이(스마일페이) 중심의 UI 구성으로 인해, 다른 결제 수단(타사 페이, 일반 신용카드)을 선택하려는 사용자가 메뉴를 찾는 데 오랜 시간이 걸림.
- 사용자 발화: "네이버페이나 카카오페이로 하고 싶은데 메뉴가 어디 숨어있는지 잘 안 보여요."
- 원인 분석: 특정 결제 수단 유도를 위한 의도적 설계(다크 패턴 유도성)가 오히려 일반 결제 사용자에게는 이탈 요인으로 작용함.
5. 개선안 제안 (UX/UI Recommendations)
💡 개선안 1. '최적 혜택 자동 적용' 버튼 도입 (쿠폰 UI 개선)
- As-Is: 사용자가 직접 상품 쿠폰, 중복 쿠폰, 장바구니 쿠폰을 각각 찾아다니며 수동으로 적용해야 함.
- To-Be: 상세 페이지 및 주문서 단계에서 [보유 쿠폰 중 최대 할인가 자동 적용] 토글 스위치 제공. 굳이 계산하지 않아도 최저가를 보장받는다는 심리적 안정감 제공.
💡 개선안 2. 결제 수단 선택 화면의 그리드(Grid)화
- As-Is: 스마일페이가 화면의 70%를 차지하고, 타 결제 수단은 '기타 결제' 버튼을 눌러야만 펼쳐지는 스크롤 구조.
- To-Be: 주 결제 수단(스마일페이)을 상단에 강조하되, 간편결제(네이버/카카오/토스 등)와 일반 카드를 하단에 균등한 아이콘 그리드 형태로 배치하여 시각적 탐색 시간 단축.

'New' 카테고리의 다른 글
| Swiper vs jQuery (0) | 2026.06.17 |
|---|---|
| Crew project codepen reference (0) | 2026.06.17 |
| 윈도우에서 기본 인터넷 브라우저(크롬, 웨일, 에지 등)를 바꾸는 방법 (0) | 2026.06.13 |
| DOMContentLoaded를 쓰는 이유 (1) | 2026.06.10 |
| Swiper.js (0) | 2026.06.08 |