#329
UI設計パターン
#329れすぽんすたいむ
レスポンスタイム (反応時間)
別名・表記:Response TimeSystem Response Time反応時間
UIXHERO Definition
「待ち時間」。ボタンを押してから画面が変わるまでの速さ。
概要
ヤコブ・ニールセン博士による「3つの応答時間の制限」が有名。
- 0.1秒: 瞬時(Instant)。ユーザーはシステムを直接操作していると感じる。
- 1.0秒: フローの維持(Flow)。ユーザーは遅延に気づくが、思考の流れは妨げられない。これを超えると、システムが動いていることを示すフィードバックが必要になる。
- 10秒: アテンションの限界(Attention)。これを超えると、ユーザーは他のことを考え始める。プログレスバーによる進捗表示が必須。
UXでの活用
- 知覚パフォーマンスの向上: 実際の処理時間を短縮できない場合でも、スケルトンスクリーン(読み込み中の枠)を表示したり、楽観的UI(Optimistic UI:サーバーの応答を待たずに成功したとして画面を更新する)を採用することで、体感速度を速めることができる。
- フィードバックの即時性: タップした瞬間にボタンの色を変える(Active state)ことで、処理が始まっていることを0.1秒以内に伝え、「押せなかったのか?」という不安を解消する。
💡 使いどころ
サイトやアプリのパフォーマンス改善を行う時。ユーザーが離脱する原因を調査する時。
⚠️ 注意点・誤用
技術的な「サーバー応答時間(TTFB)」だけでなく、レンダリング完了までの「体感速度」が重要。ローディングスピナーを表示するだけでは、待ち時間のストレスは完全には解消されない。
具体例
- 0.1秒以下:瞬時に反応したと感じる(直接操作感)
- 1.0秒以下:思考の流れは途切れない
- 10秒以上:ユーザーは他のタスクに気を取られ、元のタスクに戻ってこない可能性が高まる
出典・参考文献:
- Nielsen, J. (1993). Usability Engineering. Morgan Kaufmann.
- Card, S. K., Moran, T. P., & Newell, A. (1983). The Psychology of Human-Computer Interaction. Lawrence Erlbaum Associates.
- Nielsen, J. (2010). Website Response Times. Nielsen Norman Group.
関連する解説記事
関連する記事詳細が見つかりませんでした。