지금 무슨 일이 벌어졌나요?
필요한 정보가 정상적으로 준비되어 사용자가 내용을 살펴보고 행동을 선택할 수 있습니다.
디자인 · 더 알아보기 · 직접 체험형
앱에는 기본 화면 외에 어떤 상태 화면이 필요할까요?
앱은 정보가 잘 보이는 순간만으로 완성되지 않습니다. 기다리거나, 결과가 없거나, 문제가 생긴 순간에도 사용자가 현재 상황과 다음 행동을 이해할 수 있어야 합니다.
약 10분쉽게 보는 핵심 기준
ONE SCREEN · SIX STATES다음 행동까지 안내
기본
빈 화면
로딩
오류
완료
권한
9:41
예약 가능한 시간
일정을 불러오지 못했어요
입력은 그대로 두고 다시 시도
다시 불러오기먼저 이해할 내용
화면의 상태가 바뀌어도 사용자가 길을 잃지 않아야 합니다
사용자는 항상 내용이 채워진 기본 화면만 보지 않습니다. 처음이라 기록이 없을 때, 데이터를 기다릴 때, 통신이 실패했을 때와 작업이 끝났을 때를 각각 설계해야 현재 상황과 이어서 할 행동을 쉽게 이해할 수 있습니다.
- 01
기본 화면
- 02
비어 있음·로딩
- 03
오류·복구
- 04
완료·권한 안내
상태 화면 직접 바꿔보기
같은 기능도 지금 벌어진 일에 따라 안내와 다음 행동이 달라집니다
서비스 상황과 화면 상태를 골라보세요. 화면이 어떻게 바뀌는지만 보여주지 않고, 왜 이 화면이 필요한지와 실제 검수 질문을 함께 설명합니다.
어떤 상태를 확인할까요?
상태를 누르면 앱 화면과 설명이 함께 바뀝니다.
상담 예약 · 기본 화면
9:41
상담 예약
예약 가능한 시간
9월 12일 · 오후 2:00
전화 상담 · 예약 가능
9월 13일 · 오전 11:30
화상 상담 · 예약 가능
현재 화면 · 기본 화면
사용할 수 있는 정보와 가장 중요한 행동이 보이는 상태입니다.
사용자는 무엇을 할 수 있나요?
목록을 선택하거나 검색·신청처럼 화면의 핵심 행동을 이어갑니다.
실제 검수에서는 무엇을 보나요?
중요한 정보와 첫 행동이 한눈에 구분되는지 확인합니다.
화면 설계 체크리스트
기능 하나마다 여섯 가지 상태를 함께 검수합니다
모든 화면에 복잡한 연출이 필요한 것은 아닙니다. 사용자가 현재 상황을 이해하고 막힘 없이 이어갈 수 있는 문장과 행동이 있는지가 먼저입니다.
01
기본
핵심 정보와 행동이 가장 먼저 보이나요?
02
비어 있음
없다는 이유와 시작할 행동이 함께 있나요?
03
로딩
무엇을 기다리는지 문장으로 알 수 있나요?
04
오류
입력을 잃지 않고 다시 시도할 수 있나요?
05
완료
완료된 결과와 다음 행동이 분명한가요?
06
권한
필요한 이유와 거절 뒤 대안이 있나요?
고객과 함께 정하는 내용
- 사용자가 화면에서 완료해야 하는 핵심 행동
- 결과가 없을 때 안내할 시작 방법과 대체 행동
- 오류가 생겨도 유지해야 할 입력과 중요한 정보
- 알림·사진처럼 권한이 필요한 기능과 사용 목적
데브크래프트가 설계·구현하는 내용
- 상태별 화면 구성과 이해하기 쉬운 안내 문구
- 실제 서버 처리와 연결된 로딩·완료·오류 표시
- 재시도·대체 행동과 입력 내용 보존 방법
- 스크린리더 상태 안내와 움직임 감소 대응
공식 기준도 함께 확인합니다
상태는 눈에 보이는 화면과 접근성 안내로 같이 전달합니다
Apple은 현재 상태와 성공·실패, 수정 방법을 분명한 피드백으로 전달하도록 안내합니다. W3C는 화면이 바뀔 때 초점이 이동하지 않아도 보조기술이 상태를 알 수 있어야 한다고 설명합니다.
“문제가 발생했습니다”만으로는 사용자가 안심하기 어렵습니다
입력한 내용이 남아 있는지, 요청이 실제로 반영됐는지, 다시 눌러도 되는지를 함께 알려야 합니다. 복구 방법이 보이는 오류 화면은 문제를 숨기는 화면이 아니라 안전하게 이어가게 하는 화면입니다.
확인할 내용
이 내용을 보면 알 수 있습니다
- 기본·빈 상태·로딩·오류·완료·권한 필요 화면의 역할 구분하기
- 상태마다 현재 상황과 사용자가 이어서 할 행동을 함께 안내하기
- 색상이나 움직임에만 의존하지 않고 문구·아이콘·접근성 정보로 결과 전달하기
판단 기준
실제 구현에서는 이렇게 확인합니다
- 01결과가 없을 때 단순히 비워두지 않고 이유와 시작 행동을 보여주는가
- 02처리 중과 오류를 구분하고 재시도해도 입력한 내용이 안전하게 유지되는가
- 03완료·권한 상태를 문구와 접근성 정보로 알리고 다음 행동까지 연결하는가
우리 앱에 필요한 상태 화면을 함께 정리해보세요
핵심 기능과 사용 과정을 알려주세요. 정상 화면뿐 아니라 로딩·빈 화면·오류·완료·권한 상태와 복구 행동까지 30분 상담에서 함께 정리합니다.