SCALE — Build Lab

ローディング体験を改善

UI/UX改善

Improve Loading State

「画面が真っ白」を解消したい時

コピペ用 指示文
251 文字
画面のローディング体験を改善してください。

【適用するルール】
- スピナーよりスケルトンUI優先(レイアウトを先に見せる)
- スケルトンはシマー(光が左→右に流れる)アニメ
- 初回ロード: HTMLに含めて即表示
- データ取得後は fade で実コンテンツに切替
- 3秒以上かかる場合は「あと少しお待ちください」表示
- エラー時はリトライボタン
- 空状態(データ0件)はサンプル + CTA表示

【避けること】
- 真っ白な画面
- 中央にスピナーだけ
- エラー時に何も表示されない
タグ
#ローディング#UX#改善
同じカテゴリの他のプロンプト