2주차 학습 보고서 — 사용자 여정(User Journey) & 정보 구조(IA) 설계

학습 기간: 2025.08.12 ~ 2025.08.18
총 소요 시간: 8시간
학습 목표:
1. 신규 사용자 기준 User Journey Map 작성
2. 서비스 메뉴 구조 및 기능 우선순위 정의(IA)
3. 플로우 차트, 와이어프레임 제작으로 실무 기획 산출물 작성

---

1. 학습 개요

이번 주는 1주차에서 발굴한 사용자 불편 사례를 기반으로 서비스의 전반적인 사용자 여정과 메뉴 구조를 설계하는 데 집중했다.

[주요 활동]

• User Journey 작성 (6단계 시나리오 기준)
• Information Architecture 설계 (메뉴·기능 계층화)
• 플로우 차트 제작(Figma Figjam)
• 와이어프레임 제작(Figma)
• 소규모 사용자/동료 피드백 반영

---

2. 사용자 여정(User Journey) 작성

2.1 대상 서비스

• 서비스 유형: 모바일 쇼핑 앱
• 사용자 시나리오: 신규 사용자가 회원가입 후 첫 구매 완료까지

2.2 단계별 상세 여정

1. 앱 설치 / 실행

• 행동: 앱 다운로드 → 첫 실행
• 접점: 앱 아이콘, 첫 화면, 온보딩 팝업
• 감정: 기대감 / 약간 혼란
• Pain Point: 첫 화면 정보 과다, 핵심 기능이 바로 보이지 않음
• 개선안: 1~2장 온보딩 슬라이드, 핵심 메시지 강조, ‘건너뛰기’ 옵션 제공
• KPI 가설: 온보딩 완료율 90% 이상 유지

2. 회원가입

• 행동: 이메일 또는 소셜 계정 로그인 → 개인정보 입력 → 인증
• 접점: 회원가입 화면, 이메일/소셜 로그인, 입력폼
• 감정: 귀찮음, 오류 발생 시 불만
• Pain Point: 외부 브라우저로 인증 시 앱 복귀 불편
• 개선안: 소셜 로그인 기본 제공, 앱 내 인증 완료, 입력 오류 시 즉시 안내
• KPI 가설: 회원가입 전환율 +15%

3. 상품 탐색

• 행동: 카테고리 선택 → 검색 → 상품 상세 페이지
• 접점: 홈 화면, 카테고리, 검색창, 추천 영역
• 감정: 선택 피로도, 탐색 시간 증가
• Pain Point: 카테고리 과다, 추천 상품 노출 부족
• 개선안: 최근 본 상품, 즐겨찾기, 추천 상품 상단 배치
• KPI 가설: 상품 탐색 시간 20% 단축, 클릭률 10% 상승

4. 장바구니

• 행동: 상품 담기 → 수량 조정 → 결제 진행
• 접점: 장바구니 화면, 버튼, 수량 입력폼
• 감정: 단계 복잡 / 결제 전 망설임
• Pain Point: 결제 버튼 위치 불명확, 단계 5단계 이상
• 개선안: 장바구니 화면에 ‘바로 결제’ 버튼 배치, 배송지 자동 입력
• KPI 가설: 장바구니→결제 전환율 +8~12%

5. 결제

• 행동: 결제 수단 선택 → 결제 완료 → 주문 확인
• 접점: 결제 화면, 결제 수단 선택창, 결제 완료 페이지
• 감정: 불안감, 입력 오류 시 불만
• Pain Point: 결제 단계에서 로딩/진행 상태 미표시, 오류 발생 시 복구 어려움
• 개선안: 단계별 진행 표시, 결제 오류 메시지 구체화, 자동 복구 안내
• KPI 가설: 결제 완료율 95% 이상

6. 구매 완료

• 행동: 확인 화면 확인 → 알림 수신 → 추천 상품 확인
• 접점: 구매 완료 화면, 푸시 알림, 추천 영역
• 감정: 만족, 안도감, 재구매 유도
• 개선안: 구매 완료 메시지 + 추천 상품/쿠폰 안내
• KPI 가설: 재구매 클릭률 15% 상승

---

3. 정보 구조(Information Architecture, IA) 설계

3.1 핵심 메뉴

• Home (추천 상품, 이벤트, 최근 본 상품)
• Search (카테고리, 검색창)
• Cart (장바구니, 바로 결제 버튼)
• Profile (주문 내역, 관심 목록, 알림 설정)
• Settings (계정 정보, 결제 수단, 고객센터)

3.2 메뉴 계층화 & 클릭 단계

• Home → 상세 상품: 2단계
• Home → 장바구니 → 결제: 3~4단계
• Profile → 주문 내역: 2단계
• Settings → 결제 수단 변경: 2단계
• 원칙: 핵심 기능 3단계 이내, 부가 기능 Drawer 배치

---

4. 플로우 차트 제작

툴: Figma Figjam

[제작 내용]

1. 회원가입 → 상품 탐색 → 장바구니 → 결제 → 구매 완료 단계
2. 각 단계별 화면 전환, 버튼, Pain Point 표시
3. 개선 아이디어와 KPI 가설 연결

• 장바구니→결제 단계는 2단계 단축 가능
• 추천 상품 영역 배치 개선 필요

---

5. 와이어프레임 초안

대상 화면: 홈, 검색, 장바구니, 결제, 구매 완료

• 핵심 기능 최우선 배치
• 버튼 크기/위치 Fitts’s Law 적용
• 각 단계별 Pain Point 표시 → UI 개선 아이디어 시각화

---

6. 사용자/동료 피드백 반영

• 회원가입 단계 복잡 → 소셜 로그인 강조
• 장바구니 버튼 위치 재조정
• 추천 상품 노출 영역 확대 필요
• 반영: 플로우 차트와 와이어프레임 수정 완료

---

7. 학습 성과

1. User Journey 작성 → Pain Point + 개선안 + KPI 가설까지 체계화
2. IA 설계 → 메뉴 구조 및 기능 계층화 경험
3. 플로우 차트 + 와이어프레임 → 실제 기획 산출물 수준 제작
4. 작은 개선이 UX 및 KPI에 미치는 영향을 수치로 가설화 가능

---

8. 다음 주(3주차) 계획

• UI 기본 구성 요소 학습(Button, Modal, Tab, Toast)
• Figma Auto Layout, Component, Style 활용
• 화면 단위 리디자인 → 1~2개 화면 개선 후 실무 적용