ローディング中のスピナーは「お待ちください」という意味です。スケルトン画面は「もうすぐ準備完了です」という意味です。

スケルトン画面とは、読み込み中のコンテンツの低解像度なグレーのワイヤーフレームのことです。カード、ヘッダー、テキストブロックの形状が、実際のコンテンツが表示される前に表示されます。実際の読み込み時間が同じでも、ユーザーはこれを読み込みが速いと感じます。

効果の理由：これは心理学に基づいた知覚トリックです。これから表示されるものの構造を示すことで、ユーザーの視線が動き続け、脳が活性化されます。回転するローダーの不確実性は、軽い不安感を引き起こします。スケルトン画面の予測可能性は、その不安感を解消します。

読み込み時間が1秒遅れると、コンバージョン率が7%低下します。モバイルユーザーの53%は、読み込みに3秒以上かかるサイトから離脱します。スケルトンスクリーンはバックエンドの速度を向上させるわけではありませんが、体感的なパフォーマンスを大幅に改善します。

コピーすべき内容：コンテンツの読み込みに300ミリ秒以上かかるビューでは、全画面表示のスピナーをスケルトン画面に置き換えてください。スケルトン画面のレイアウトは、実際のコンテンツ構造にできるだけ近づけてください。プレビューの精度が高いほど、実際のコンテンツが表示されたときの画面遷移がスムーズになります。