STUDY/APP

스켈레톤 UI (Skeleton UI)

sorrow16 2020. 9. 15. 20:45

스켈레톤 UI는 실제 데이터가 렌더링 되기 전, 보일 화면의 윤곽을 먼저 그려주는 로딩 애니메이션.

사용자에게 ‘어떤 것들이 보여질 것이다’라고 알려주는 화면의 예고편이라 할 수 있습니다.

 

로딩이 완료되면 윤곽에 데이터가 대체되어 화면이 부드럽게 전환되기 때문에 체감 로딩 시간이 짧다는 장점이 있으나 화면마다 새로운 스켈레톤 UI를 적용해야 하므로 시간과 비용이 많이 든다는 단점이 있음.

 

예시>

YouTube

Linked in