스켈레톤스크린 (Skeleton Screen)

디자인학
한 줄 정의: 콘텐츠가 로딩되는 동안 실제 콘텐츠의 형태를 회색 뼈대 형식으로 미리 보여주어 체감 대기시간을 줄이는 UI 패턴이다.

쉽게 풀면

내용이 아직 안 불러와졌을 때 회색 네모들로 대략적인 모양을 먼저 보여주는 방식이다.

논문에서는 이렇게 쓰입니다

이 연구는 스켈레톤스크린 적용이 로딩 스피너 대비 사용자의 체감 대기시간을 단축시킴을 확인하였다.

로딩 표시 방식의 차이가 사용자의 심리적 대기 시간 인지에 미친 영향을 실험한 연구이다.

주의할 점

스켈레톤스크린은 실제 로딩 시간을 줄이는 것이 아니라 체감 대기시간을 줄이는 심리적 기법임에 유의해야 한다.

관련 용어