스켈레톤 (Skeleton)

광천·2023년 3월 21일

스켈레톤(Skeleton) 이란 ?

웹 페이지에서 로드 시간이 짧은 것처럼 보이게 하는 방법중 하나(다른 방법 블랭크 페이지, 스피너)

데이터가 로드되기 전에 ui를 보여줘서 사용자가 로딩 시간이 더 빠르다고 느끼게해줌

단점

화면마다 스켈레톤을 만들어야 해서 개발시간이 늘어남

규칙

  1. 스켈레톤은 콘텐츠의 로드를 방해하면 안됩니다. 데이터를 가져오면 원래 화면을 보여줘야한다
  2. 스켈레톤을 디자인 할 때 애니메이션을 사용하는 것이 좋습니다. 애니메이션은 wave, pulse 중 wave 를 사용하는 것이 로딩 시간을 더 짧게 느끼게끔 합니다.
  3. 느리고 안정적인 애니메이션을 사용하는 것이 로딩 시간을 더 짧게 느끼게끔 합니다.

0개의 댓글