ローディング体験を改善
UI/UX改善Improve Loading State
「画面が真っ白」を解消したい時
コピペ用 指示文
251 文字
画面のローディング体験を改善してください。
【適用するルール】
- スピナーよりスケルトンUI優先(レイアウトを先に見せる)
- スケルトンはシマー(光が左→右に流れる)アニメ
- 初回ロード: HTMLに含めて即表示
- データ取得後は fade で実コンテンツに切替
- 3秒以上かかる場合は「あと少しお待ちください」表示
- エラー時はリトライボタン
- 空状態(データ0件)はサンプル + CTA表示
【避けること】
- 真っ白な画面
- 中央にスピナーだけ
- エラー時に何も表示されない 同じカテゴリの他のプロンプト