🚀 新規事業
loading-3-second-rule
最終更新 2026年05月08日 / 40_新規事業/SCALE_Build/カタログ/UIUX集/loading-3-second-rule.md
3秒ルール(読込時間)
原則
0-1秒: 即時 / 1-3秒: スピナー / 3-10秒: 進捗バー / 10秒+: 完了通知。
Do(良い例)
長い処理は進捗バー or 完了通知
Don't(悪い例)
10秒の処理に小さなスピナーだけ → 何が起きてるか分からない
0-1秒: 即時 / 1-3秒: スピナー / 3-10秒: 進捗バー / 10秒+: 完了通知。
長い処理は進捗バー or 完了通知
10秒の処理に小さなスピナーだけ → 何が起きてるか分からない