スケルトン スクリーンは次の場合に使用します。

• 読み込み時間が1～5秒の場合：速すぎる（1秒未満）とユーザーはスケルトンを理解できません。遅すぎる（5秒以上）と、いずれにしてもプログレスバーが必要になります。
• コンテンツの構造は予測可能です。何が表示されるか（フィード項目、プロフィール カード、製品グリッド）がわかっているので、レイアウトを模擬することができます。
• コンテンツの多いページ:ニュース フィード、ダッシュボード、製品リスト、ユーザー プロファイル。

次の場合にはスケルトン スクリーンを使用しないでください。

• 読み込み時間が500ミリ秒未満の場合：コンテンツを直接表示します。スケルトンだと点滅が速すぎます。
• 不明なコンテンツ構造:アイテムの数やレイアウトが不明な場合、スケルトンの見た目が悪くなります。
• 長いプロセス:ファイルのアップロード、ビデオ処理、データのエクスポートには、パーセンテージを示す進行状況バーが必要です。
• リアルタイム データ:株価ティッカーやライブ スポーツのスコアは、スケルトン → コンテンツではなく、その場で更新される必要があります。

私がよく目にする間違った使用例:

大きなファイルのアップロード中に、8秒以上スケルトンが表示される。ユーザーは「読み込み中」という表示だけでなく、進捗状況をパーセンテージで把握する必要があります。プログレスバーを使用してください。

(中から)