테스트와 완성도 높이기
실제 사용자를 위해 앱을 준비하세요. 기기 호환성 테스트, 엣지 케이스 처리, 성능 최적화, 프로토타입에서 출시 품질로 UX 향상.
프리미엄 강좌 콘텐츠
이 레슨은 프리미엄 강좌의 일부예요. Pro로 업그레이드하면 모든 프리미엄 강좌와 콘텐츠를 이용할 수 있어요.
- 모든 프리미엄 강좌 이용
- 1000개 이상의 AI 스킬 템플릿 포함
- 매주 새로운 콘텐츠 추가
🔄 Quick Recall: 이전 레슨에서 챗봇, 개인화, 추천 같은 AI 기능을 앱에 추가했어요. 이번에는 그 앱을 테스트하고 출시 품질로 다듬어요.
테스트 피라미드
| 단계 | 내용 | 누가 |
|---|---|---|
| 기능 테스트 | 앱이 작동하는지 | AI 빌더가 대부분 처리 |
| 엣지 케이스 | 비정상 상황 처리 | 여러분이 확인 |
| 기기 테스트 | 다양한 화면에서 작동 | 여러분 + 도구 |
| 사용자 테스트 | 실제 사람이 쓸 수 있는지 | 타겟 사용자 5-10명 |
5가지 상태를 테스트하세요
모든 화면에 이 5가지 상태가 있어요:
| 상태 | 예시 | 확인할 것 |
|---|---|---|
| 빈 상태 | 첫 사용, 데이터 없음 | 안내 메시지, CTA |
| 로딩 | 데이터 불러오는 중 | 스피너/스켈레톤 |
| 에러 | 네트워크 끊김 | 에러 메시지, 재시도 |
| 오버플로 | 텍스트가 너무 길 때 | 말줄임, 스크롤 |
| 오프라인 | 인터넷 없이 | 캐시된 데이터 표시 |
✅ Quick Check: 왜 “빈 상태"를 디자인해야 하나요? 새 사용자가 앱을 처음 열면 데이터가 없어요. 빈 화면이 나오면 앱이 깨졌다고 생각해요. “첫 습관을 추가해보세요!“라는 안내와 버튼이 있으면 다음 행동이 명확해요.
4기기 전략
이 4개 기기 크기에서 테스트하면 90% 이상의 사용자를 커버:
| 기기 | 화면 너비 | 대표 기기 |
|---|---|---|
| 작은 안드로이드 | 360px | 갤럭시 A시리즈 |
| 표준 아이폰 | 390px | 아이폰 14/15 |
| 큰 안드로이드 | 412px | 갤럭시 S시리즈 |
| 태블릿 | 768px | 아이패드 미니 |
터치 인터랙션도 확인:
- 탭 영역 최소 44x44px
- 스와이프 동작이 자연스러운지
- 키보드가 올라올 때 입력 필드가 가려지지 않는지
- 스크롤 동작이 부드러운지
성능 최적화
3초 규칙: 로드에 3초 이상 걸리면 53%의 사용자가 떠나요.
성능 개선 방법:
- 이미지 최적화: WebP 형식, 적절한 크기로 리사이즈
- 레이지 로딩: 화면에 보이는 콘텐츠만 먼저 로드
- 캐싱: 자주 바뀌지 않는 데이터는 로컬에 저장
- API 호출 줄이기: 여러 요청을 하나로 합치기
사용자 테스트 프로토콜
닐슨 노먼 그룹 연구에 따르면 5명이면 유저빌리티 이슈의 85%를 발견:
- 타겟 사용자 5명 모집 — 앱의 실제 대상과 비슷한 사람
- 과제 부여 — “새 습관을 추가하고 오늘 완료 표시하세요”
- 관찰만, 도움 없이 — 어디서 헤매는지 기록
- 패턴 분석 — 3명 이상이 같은 곳에서 막히면 수정 필요
- 우선순위 수정 — 네비게이션 혼란, 숨겨진 기능, 결정 마비 순으로
✅ Quick Check: 사용자 테스트에서 “도움 없이 관찰"이 왜 핵심인가요? 도움을 주면 실제 사용 환경을 반영 못 해요. 사용자가 앱을 혼자 쓸 때 어디서 막히는지가 진짜 유저빌리티 이슈예요.
핵심 정리
- 모든 화면의 5가지 상태(빈, 로딩, 에러, 오버플로, 오프라인)를 테스트
- 4개 기기 크기(360px, 390px, 412px, 768px)에서 테스트하면 90%+ 사용자 커버
- 3초 규칙: 로드가 3초 이상이면 절반 이상 이탈 — 이미지 최적화와 레이지 로딩이 핵심
- 사용자 테스트 5명이면 유저빌리티 이슈의 85% 발견 — 도움 없이 관찰하는 게 핵심
- 성능 병목은 보통 앱 전체가 아니라 특정 화면·작업 하나 — Lighthouse로 식별
Up next: 다음 레슨에서 수익화 전략과 비즈니스 모델을 다뤄요.
이해도 체크
먼저 위의 퀴즈를 완료하세요
레슨 완료!