進捗インジケーター

なぜ待ちを示すのか

Miller（1968）とCard et al.（1991）は0.1秒・1秒・10秒の閾値を示しました。フィードバックがあると長く待てます（Nah, 2004）。

わぁ～ 投資大会で1位を取った話…ぜひ見てください。口座開設で100ドル無料でもらえる - ゴールドスタディネット#テスラ#エヌビディア#ゴールド#ナスダック#登録当日から取引OK大学生トレーディングコミュニティゴールドスタディネットへ ›Sponsored

スピナーかバーか

2〜10秒の不明な待ちにはスピナー、10秒超には進捗バー（Sherwin, 2014）。進捗率表示は好まれます（Myers, 1985）。短い読み込みにはスケルトンスクリーンが効果的です。

体感時間を縮める

後半で加速するバーは短く感じられます（Harrison et al., 2007）。長い処理はバックグラウンドへ（Bailey & Konstan, 2006）。完了はマイクロインタラクションで示し、Core Web Vitalsで待ちを減らします。

よくある質問

スピナーはいつ？

長さ不明の2〜10秒程度の待ちに使います。

実際と違ってもいい？

速度曲線は調整可能ですが、偽の完了表示は不可です。

出典確認日：2026-10-27

参考文献

1. Myers, B. A. (1985). The importance of percent-done progress indicators for computer-human interfaces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 11–17). ACM. 進捗率表示が好まれることを示した古典研究です。
2. Harrison, C., Amento, B., Kuznetsov, S., & Bell, R. (2007). Rethinking the progress bar. In Proceedings of the 20th Annual ACM Symposium on User Interface Software and Technology (pp. 115–118). ACM. 進み方で体感時間が変わる研究です。
3. Nah, F. F.-H. (2004). A study on tolerable waiting time: How long are web users willing to wait? Behaviour & Information Technology, 23(3), 153–163. フィードバックで許容待ち時間が延びる実験です。
4. Miller, R. B. (1968). Response time in man-computer conversational transactions. In Proceedings of the December 9–11, 1968, Fall Joint Computer Conference, Part I (pp. 267–277). ACM. 応答時間の心理的閾値を初めて整理しました。
5. Card, S. K., Robertson, G. G., & Mackinlay, J. D. (1991). The information visualizer, an information workspace. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 181–186). ACM. 0.1秒・1秒・10秒の時間尺度を示しました。
6. Sherwin, K. (2014, October 26). Progress indicators make a slow system less insufferable. Nielsen Norman Group. 待ち時間別にスピナーとバーを選ぶ指針です。
7. Bailey, B. P., & Konstan, J. A. (2006). On the need for attention-aware systems: Measuring effects of interruption on task completion time, error rate, and affective state. Computers in Human Behavior, 22(4), 685–708. 中断が誤りと不安を増やす研究です。