UIXHERO
#329
UI設計パターン
#329

れすぽんすたいむ

レスポンスタイム (反応時間)

別名・表記:Response TimeSystem Response Time反応時間

UIXHERO Definition

「待ち時間」。ボタンを押してから画面が変わるまでの速さ。

概要

ヤコブ・ニールセン博士による「3つの応答時間の制限」が有名。

  1. 0.1秒: 瞬時(Instant)。ユーザーはシステムを直接操作していると感じる。
  2. 1.0秒: フローの維持(Flow)。ユーザーは遅延に気づくが、思考の流れは妨げられない。これを超えると、システムが動いていることを示すフィードバックが必要になる。
  3. 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.

関連する解説記事

関連する記事詳細が見つかりませんでした。

作成: 2026年2月12日
更新: 2026年2月14日

読んだ内容を、自分の画面に当てるとき

UIXHEROは、記事を書くほかに、画面の検品・判定、デザインシステムの構築、実装と改善の伴走を受けています。何を頼めばいいか決まっていない段階の相談も、同じ窓口で受けます。

UIXHEROに頼めることを見る

※ 記事の内容についての質問や、書いてほしいテーマの要望も同じ窓口で受けています

この記事をシェアする
シェア: