학습 기간: 2025.08.05 ~ 2025.08.11
총 소요 시간: 7.5시간 (평일 1.5시간씩 × 5일)
학습 목표:
1. UX와 UI 개념을 정확히 구분
2. 기획자의 역할과 관점에서 UX를 바라보는 방법 습득
3. 실제 사례 분석 및 사용자 문제 발견 능력 강화
1. 학습 내용 상세
1.1 UX와 UI 개념 재정립
1) UX(User Experience)
- 사용자가 서비스와 상호작용하는 모든 경험의 총합
- 사용 전 기대 → 사용 중 감정 → 사용 후 평가까지 포함
- 예: 앱 결제 과정에서 “원클릭 결제”를 경험하며 편리함을 느끼는 것
2) UI(User Interface)
- 사용자가 눈으로 보고 손으로 조작하는 시각적·물리적 요소
- 예: 버튼, 입력창, 메뉴, 아이콘, 레이아웃
→ 이번 주 결론
기획자는 UI 디자인을 직접 하는 사람이라기보다, UI가 어떤 맥락과 흐름에서 사용자의 경험을 만드는지 설계하는 사람임을 다시 확인
1.2 UX 원칙 학습 & 실무 해석
[Nielsen의 10가지 사용성 휴리스틱 중 중요도 순으로 해석]
- 시스템 상태 가시화 → 로딩, 진행 상태를 즉시 보여주어 불안감 방지
- 일관성 유지 → 동일 동작은 동일 결과, 패턴 통일
- 오류 예방 → 잘못된 입력 방지, 되돌리기 기능 제공
- Fitts’s Law 적용 사례
- 터치 타겟(버튼) 크기는 최소 44px 이상
- 하단 내비게이션은 한 손 엄지 범위 내 배치
- 작은 버튼과 경계 없는 클릭 영역은 실수 가능성 ↑
1.3 기획자의 UX 역할 정의
[실무 관점 4단계]
- 문제 정의: 사용자가 겪는 불편 파악
- 가설 설정: 어떤 개선이 효과적일지 추정
- 검증: 인터뷰·테스트로 실효성 확인
- 개선 반복: 데이터 기반으로 수정
기획자가 ‘예쁘게 보이게’ 만드는 것이 아니라 ‘사용자가 목표를 더 쉽게 달성하도록 돕는 것’이 핵심 역할
2. 실습 과제 결과
2.1 불편한 UX 3건 분석
[쇼핑 앱 장바구니 결제]
관찰: 상품 담기 → 장바구니 → 결제 버튼 → 배송지 입력 → 결제 선택(총 5단계)
문제: 결제 시작 전 단계가 과도하게 많음
개선안: 장바구니에서 ‘바로 결제’ 버튼 제공, 배송지 자동 입력
가설 효과: 전환율 8~12% 개선 가능
[은행 앱 이체]
관찰: 동일 계좌 이체 시 매번 계좌번호 전부 재입력 필요
문제: 반복 사용성 불편 + 시간 소요
개선안: 최근 사용 계좌 자동 추천 기능 추가
기대 효과: 평균 이체 시간 30% 단축
[배달 앱 카테고리]
관찰: 카테고리 20개 이상 → 스크롤 시간 3~5초 증가
문제: 결정 피로도 증가
개선안: ‘최근 주문’, ‘즐겨찾기’ 최상단 고정
기대 효과: 메뉴 선택 시간 절감, 재주문 증가
2.2 경쟁사 온보딩 분석
1. A 서비스
- 온보딩 3장 → 이메일 회원가입 → 외부 브라우저 인증 → 앱 복귀
- 문제: 인증 과정 중 이탈 위험 높음
2. B 서비스
- 소셜 로그인 → 닉네임 입력 → 가입 완료 (2단계)
- 장점: 절차 단순, 앱 이탈 없음
# 결론
- 온보딩과 회원가입 통합
- 외부 브라우저 인증 최소화
- 초기 진입 장벽 낮추기
3. 사용자 리서치
3.1 인터뷰 (N=5)
대상: 20~30대, 앱 사용 빈도 주 10회 이상
결과 요약:
- 불만 1위: “예상과 다른 동작” (예: 버튼 클릭 시 페이지 이동 방식이 일관되지 않음)
- 불만 2위: “불필요한 반복 입력”
- 불만 3위: “작은 버튼 터치 오류”
3.2 사용성 테스트
시나리오: 신규 사용자 회원가입 후 첫 주문 완료까지 소요 시간 측정
결과:
- 평균 완료 시간: 4분 52초
- 5명 중 3명은 외부 인증 후 앱 복귀 실패
- 공통 반응: “앱을 나가면 다시 실행하기 귀찮다”
4. 학습 성과
- UX 설계의 핵심은 흐름 최적화라는 점을 실제 테스트로 확인
- 경쟁사 분석을 통해 ‘짧고 단순한 진입 흐름’이 유지율에 직접적 영향을 준다는 가설 수립
- 작은 개선(버튼 추가, 자동 입력)도 전환율에 유의미한 효과 가능
- 앞으로 기획 문서 작성 시 문제 정의 → 개선안 → 기대효과(수치) 구조로 작성하기로 결정
5. 다음 주(2주차) 학습 예고
- 사용자 여정(User Journey) 작성: 이번 주 도출한 불편 사례 중심
- 정보 구조(IA) 설계: 메뉴·기능 배치 우선순위 정의
- Figma로 간단한 플로우차트 및 와이어프레임 제작 시도
이렇게 하면 읽는 사람이
- 어떤 학습을 했는지
- 어떻게 실습했는지
- 어떤 인사이트를 얻었는지
를 수치와 사례 중심으로 구체적으로 파악할 수 있다.

'기타 (회고, 생각, 기획 등)' 카테고리의 다른 글
| 2주차 학습 보고서 — 사용자 여정(User Journey) & 정보 구조(IA) 설계 (1) | 2025.08.20 |
|---|---|
| PWA(Progressive Web App) (13) | 2025.08.13 |
| [자기개발] 서비스 기획자를 위한 UI/UX 공부 계획표 6주 플랜 (4) | 2025.08.07 |
| 인앱 브라우저(In-App Browser) (1) | 2025.07.21 |
| Splash Screen(스플래시 스크린) (2) | 2025.07.16 |