스켈레톤 UI는 페이지나 앱의 콘텐츠가 로드되는 동안 사용자에게 표시되는 비어있는 버전의 페이지나 앱의 레이아웃을 의미한다. 이는 사용자 경험을 향상시키기 위한 로딩 전략 중 하나로, 콘텐츠가 완전히 로드되기 전에도 사용자에게 앱의 구조를 보여줌으로써 기다림의 불편함을 줄여준다.
Android에서는 Placeholder UI라고 한다.
사용 예시
스켈레톤 UI는 보통 웹사이트나 앱이 초기 로드되거나, 새로운 페이지나 컨텐츠가 로드되는 동안 보여진다. 예를 들어, 소셜 미디어 피드, 뉴스 기사, 프로필 페이지 등에서 볼 수 있다.
주의점
- 스켈레톤 UI는 실제 콘텐츠의 구조와 유사해야 한다. 사용자가 실제 콘텐츠가 어떻게 표시될지 대략적으로 예상할 수 있도록 해야 한다.
- 스켈레톤 UI는 로딩 시간을 단축하는 것이 아니라 사용자에게 기다림의 인식을 줄여주는 역할을 한다. 따라서 가능한 한 로딩 시간을 단축하는 데 노력을 기울여야 한다.
- 스켈레톤 UI가 너무 오래 보여지면 사용자가 불안해질 수 있으므로, 적절한 시간 동안만 보여주는 것이 중요하다.
참조
- 머티리얼 디자인 : https://material.io/design/communication/launch-screen.html#placeholder-ui