테스트와 완성도 높이기

🔄 Quick Recall: 이전 레슨에서 챗봇, 개인화, 추천 같은 AI 기능을 앱에 추가했어요. 이번에는 그 앱을 테스트하고 출시 품질로 다듬어요.

테스트 피라미드

5가지 상태를 테스트하세요

모든 화면에 이 5가지 상태가 있어요:

✅ Quick Check: 왜 “빈 상태"를 디자인해야 하나요? 새 사용자가 앱을 처음 열면 데이터가 없어요. 빈 화면이 나오면 앱이 깨졌다고 생각해요. “첫 습관을 추가해보세요!“라는 안내와 버튼이 있으면 다음 행동이 명확해요.

4기기 전략

이 4개 기기 크기에서 테스트하면 90% 이상의 사용자를 커버:

터치 인터랙션도 확인:

• 탭 영역 최소 44x44px
• 스와이프 동작이 자연스러운지
• 키보드가 올라올 때 입력 필드가 가려지지 않는지
• 스크롤 동작이 부드러운지

성능 최적화

3초 규칙: 로드에 3초 이상 걸리면 53%의 사용자가 떠나요.

성능 개선 방법:

• 이미지 최적화: WebP 형식, 적절한 크기로 리사이즈
• 레이지 로딩: 화면에 보이는 콘텐츠만 먼저 로드
• 캐싱: 자주 바뀌지 않는 데이터는 로컬에 저장
• API 호출 줄이기: 여러 요청을 하나로 합치기

사용자 테스트 프로토콜

닐슨 노먼 그룹 연구에 따르면 5명이면 유저빌리티 이슈의 85%를 발견:

1. 타겟 사용자 5명 모집 — 앱의 실제 대상과 비슷한 사람
2. 과제 부여 — “새 습관을 추가하고 오늘 완료 표시하세요”
3. 관찰만, 도움 없이 — 어디서 헤매는지 기록
4. 패턴 분석 — 3명 이상이 같은 곳에서 막히면 수정 필요
5. 우선순위 수정 — 네비게이션 혼란, 숨겨진 기능, 결정 마비 순으로

✅ Quick Check: 사용자 테스트에서 “도움 없이 관찰"이 왜 핵심인가요? 도움을 주면 실제 사용 환경을 반영 못 해요. 사용자가 앱을 혼자 쓸 때 어디서 막히는지가 진짜 유저빌리티 이슈예요.

핵심 정리

• 모든 화면의 5가지 상태(빈, 로딩, 에러, 오버플로, 오프라인)를 테스트
• 4개 기기 크기(360px, 390px, 412px, 768px)에서 테스트하면 90%+ 사용자 커버
• 3초 규칙: 로드가 3초 이상이면 절반 이상 이탈 — 이미지 최적화와 레이지 로딩이 핵심
• 사용자 테스트 5명이면 유저빌리티 이슈의 85% 발견 — 도움 없이 관찰하는 게 핵심
• 성능 병목은 보통 앱 전체가 아니라 특정 화면·작업 하나 — Lighthouse로 식별

Up next: 다음 레슨에서 수익화 전략과 비즈니스 모델을 다뤄요.