スケルトンスクリーン

Skeleton screen

データ読み込み中に、実際のレイアウトの骨組みだけを先に表示しておく灰色のプレースホルダー。

○ 使う場面

スケルトンローディング、プレースホルダー

「スケルトン」は英語で「骨格・骨組み」を意味する語で、実際のコンテンツが届く前にレイアウトの骨組みだけを先に見せることに由来する名称である。骨組みの形を先出しすることで、読み込み中でも次に何が表示されるかを予告し、待たされている印象を和らげる狙いがある。

近縁種	違い・使い分け
ローディングスピナー	ローディングスピナーが「まだ何もわからない」ことを示す抽象的な待機表示であるのに対し、スケルトンスクリーンは読み込み後のレイアウトの形をあらかじめ見せることで次に何が来るかを予告し体感速度を向上させる。
進捗バー	読み込みにかかる時間の割合を正確に伝えたい場合は数値ベースの進捗バーが適するが、スケルトンスクリーンは所要時間の見積もりが難しい非同期処理に向いており、繰り返し構造を持つコンテンツと特に相性がよい。