New

지마켓 상품 구매 플로우 앱 사용성 테스트(UT) 리포트

lshjju 2026. 6. 15. 11:56

초안


[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