작업 방식
Loading States는 인터페이스가 아는 정보, 즉 들어올 콘텐츠의 형태, 진행률 측정 가능 여부, 동작을 안전하게 낙관적으로 보여 줄 수 있는지에 따라 대기 패턴을 구분합니다. 스켈레톤, 확정형·비확정형 표시기, 점진적 노출, 플레이스홀더를 다룹니다.
이 가이드는 로딩에서 벗어나는 전환도 다룹니다. 실제 콘텐츠가 예기치 않게 레이아웃을 이동시키거나 사용자의 스크롤 위치를 초기화해서는 안 됩니다. 낙관적 변경에는 조정과 롤백이 필요하며, 실패했을 때 인터페이스를 신뢰할 수 없게 된다면 빠르게 보이는 성공 상태는 적절하지 않습니다.
예상 산출물
- 지연되는 각 작업에 대한 로딩 패턴 결정.
- 확보된 공간과 스크롤 유지를 다루는 전환 노트.
- 긴 대기, 취소, 낙관적 업데이트 실패 시의 동작.
브리프에서 검토까지
- 01대기 유형 분류
예상 소요 시간, 알려진 콘텐츠 구조, 측정 가능한 진행률, 작업 취소 가능 여부를 파악합니다.
- 02정직한 피드백 선택
예측 가능한 형태에는 스켈레톤을 쓰고, 진행률을 알 수 있을 때만 진행률 막대를 사용합니다. 낙관적 피드백을 채택하기 전에 롤백을 정의합니다.
- 03도착과 실패 테스트
느린 연결, 콘텐츠 교체, 레이아웃 안정성, 모션 설정을 검토합니다.