처리 중인 작업을 명시하세요.
시스템이 실제 진행률을 측정하지 않은 경우 백분율을 표시하지 않습니다.
로드 중 디자인 시스템
작업이 진행 중이며 처리가 필요한 시기를 나타냅니다.
체크리스트 내용
검토 진행 상황
01
구조와 의미
사용 맥락에 따라 정보와 프레젠테이션을 비교합니다.
02
상호 작용 및 유용성
작업을 시도하고 상태를 변경한 후 작업을 계속하세요.
03
경험을 완성하세요
디자인을 활용하면서 놓치기 쉬운 디테일을 확인해보세요.
진행 상황은 이 브라우저에 자동으로 저장됩니다.
안내
검토 방법
예시
활용 예시
처리 중인 작업을 명시하세요.
오랫동안 고정된 99% 진행 대신 "4개 파일을 처리하는 중"입니다.
변형 및 사용 사례
대기 통지 양식
작업에 대해 알 수 있는 정보에 따라 스피너, 진행률 표시줄 또는 스켈레톤을 선택하세요.
전체 크기 없이 작업을 시도해 보세요. 가짜 비율을 할당하지 마세요.
예시 백분율 막대가 있는 파일을 로드합니다. URL 정보를 읽으면 처리 상태만 표시됩니다.
콘텐츠는 기다림을 설명합니다.
평소보다 대기 시간이 길어지면 진행 중인 작업과 다음 단계를 알려주세요.
느린 응답을 에뮬레이트합니다. 필요 상태는 애플리케이션이 아직 처리 중임을 인식하는 데 도움이 됩니다.
예시 몇 초 후 "동영상 정보를 읽는 중입니다. 잠시 기다려 주세요."라는 메시지가 나타납니다.
콘텐츠 로드 중
프로세스의 맥락
표시기를 올바른 로딩 영역에 배치하고 콘텐츠를 계속 사용할 수 있게 유지하세요.
실패한 로딩 위젯은 전체 대시보드를 전체 페이지 스피너로 전환해서는 안 됩니다.
예시 수익 블록에는 요청 목록이 처리될 수 있을 때까지 기다리고 있다고 나와 있습니다.
콘텐츠 로드 중
가능한 경우 상황을 유지하고 진행 상황을 보고하세요.