539

Skeleton Screen
スケルトン・スクリーン / 2013– / Technique / UI Expression
Why it is closeTrustWeb / UIFinanceTechnique
A loading treatment that drops the spinner and shows a blank version of the page instead, then fills information into it as the data arrives. Luke Wroblewski named the technique in 2013, writing about his own app Polar, where a spinner had made testers report that the app felt slower than the previous version. The aim is to show advance toward the goal rather than the act of waiting.
No spinner and no progress bar while the screen loads / Blank fields already standing where text and images will land, at the size they will occupy / A layout committed before the data arrives, so nothing shifts when it does / Regions filling in one after another instead of the whole screen appearing at once
.png?width=320)



.png?width=320)



.jpg?width=320)




.jpg?width=320)














%201%E2%80%935%20(1987)%2C%20Tate%20Modern%2C%20London%2C%20UK.jpg?width=320)










































