앞 이론에서 와이어프레임과 Lo-Fi·Hi-Fi의 차이를 배웠습니다. 이번 실습에서는 화면을 그리기 전에 무엇을 보여주고, 무엇을 빼고, 어떤 순서로 배치할지 결정합니다.
가상 서비스 ‘핏메이트’의 메인 화면을 대상으로, 사용자의 핵심 행동을 정의하고 AI와 함께 정보의 우선순위를 검토합니다. 완성한 화면 설계안은 다음 실습에서 AI로 와이어프레임을 생성할 때 활용합니다.
실습 목표와 산출물
- 실습 목표
- 사용자의 핵심 행동을 기준으로 화면에 필요한 정보와 기능을 선별합니다.
- 정보의 우선순위를 정하고, 그 이유를 설명합니다.
- AI의 제안을 검토해 자신의 설계안을 수정합니다.
- 최종 산출물
- 핵심 화면 설계안 1장
- AI 검토 후 수정한 내용과 이유 2가지
가상 사례: ‘핏메이트’ 운동 루틴 앱
- 서비스: 바쁜 직장인을 위한 홈트레이닝 루틴 추천·기록 앱
- 타깃: 헬스장 갈 시간이 부족한 20~30대 직장인
- 설계할 화면: 오늘의 추천 루틴을 보여주는 메인 화면
- 사용 상황: 퇴근 후 집에서 짧게 운동하려고 앱을 열었습니다.
단계별 진행 안내
Step 1. 사용자의 핵심 행동 정하기
사용자가 이 화면에서 가장 먼저 해야 할 행동을 한 문장으로 작성합니다.
- 예: “오늘 할 추천 루틴을 확인하고 운동을 시작한다.”
화면에 넣고 싶은 기능을 나열하기 전에, 화면이 달성해야 할 목적부터 정합니다.
Step 2. 정보와 기능 선별하기
아래 후보 중 메인 화면에 필요한 항목을 고르고 분류합니다. 필요한 항목을 추가해도 좋습니다.