i
PTN·03·003

Skeleton screens

Perceived performance traditional

A skeleton screen shows the shape of content before the content — grey bars where text will land, a grey disc where the avatar will be. It replaces the spinner's honest message (the machine is busy) with a structural promise (here is what's coming). The wait is identical; the experience of it is not, because attention has somewhere to go.

FIG 03·003 — a promise about shape. It must be kept.

Use when

  • Layout is predictable — the skeleton can tell the truth about the shape
  • Loads sit in the awkward 0.3–3s band: too long to ignore, too short for progress bars
  • Content arrives progressively and slots can fill as they land

Avoid when

  • The skeleton lies — placeholder shapes that don't match the arriving layout create a double load
  • The wait is long: past a few seconds a skeleton becomes a locked room; show progress or say the truth
  • It masks a performance problem that should simply be fixed
HistoryTerm coined by Luke Wroblewski (2013); popularized by Facebook's feed placeholders.
SpecimensFeed placeholders everywhere · YouTube's grey grid · the anti-specimen: skeletons that reflow on arrival.
Principle at stakeFeedback & the 1-second threshold — Stairwell.
SourcesWroblewski (2013); perceived-performance literature; platform loading-state guidance.

Why traditional: A perceived-performance practice. The claim that skeletons feel faster than spinners is contested in the literature, so it is not marked documented.