상태

Skeleton Screen

정의

콘텐츠가 로딩되기 전에 자리 구조를 먼저 보여줘 대기 흐름을 자연스럽게 만드는 로딩 상태 화면

피드나 상품 목록이 불러와지기 전 카드 형태의 회색 블록을 먼저 노출해, 사용자가 대기 시간을 덜 길게 느끼도록 만들 때 활용할 수 있습니다.

같은 카테고리의 개념을 함께 보면 맥락을 더 빠르게 이해할 수 있습니다.

데이터가 없을 때 현재 상태를 설명하고, 사용자가 다음에 무엇을 해야 하는지 안내하는 상태 화면

문제가 발생했을 때 원인과 해결 방법, 다음 행동을 명확히 안내하는 상태 화면

작업이 정상적으로 완료되었음을 확인시켜 주고, 다음 행동을 이어서 유도하는 피드백 상태

다른 용어를 계속 탐색하거나, 홈으로 돌아가 전체 흐름을 다시 확인할 수 있습니다.