TOP › UX用語 › UIのフィードバック
デザイン・情報設計

UIのフィードバックFeedback

UIのフィードバック(feedback)とは、利用者の操作に対して、画面が「受け付けた」「処理している」「終わった」「失敗した」を、見える形で返すことである。ボタンを押したときの見た目の変化、読み込み中の表示、完了のメッセージなどが当たる。 […]

UIのフィードバック(feedback)とは、利用者の操作に対して、画面が「受け付けた」「処理している」「終わった」「失敗した」を、見える形で返すことである。ボタンを押したときの見た目の変化、読み込み中の表示、完了のメッセージなどが当たる。

たとえば、注文の「確定する」ボタンを押したのに、画面が何も変わらないとする。利用者は、押せたのかが分からず、もう一度押す。すると、注文が二重に確定してしまうかもしれない。画面が、ボタンを押した直後に「処理中です」と返していれば、こうならない。

どのくらいの時間で返すのか

ヤコブ・ニールセン(Jakob Nielsen)は、応答の時間に、3つの目安を示した。NN/g の記事「Response Times: The 3 Important Limits」による。

  • 0.1秒: 利用者が、画面がすぐに反応したと感じる限界。結果を表示するだけでよく、特別な表示は要らない。たとえば、表の列を選んだら、すぐに色が変わる。
  • 1秒: 利用者の思考が、途切れずに続く限界。0.1秒から1秒の遅れは、気づかれるが、集中は切れない。ただし、画面を直接操作している感覚は、薄れる。1秒を超えるあたりからは、「処理している」と伝える表示が必要になる。たとえば、カーソルの形を変える。
  • 10秒: 利用者の注意が、続く限界。これを超えると、利用者は、ほかの作業に移りやすい。進み具合(何%終わったか)の表示、終わるまでの見込み、中止する方法を出す。
0.1秒、1秒、10秒の応答時間ごとに、必要なフィードバックを示した図
図1:応答の時間と、必要なフィードバック(説明用に作った図。時間の目安は NN/g「Response Times: The 3 Important Limits」に基づく)

画面でのフィードバックの例

  • 押した瞬間の変化は、ボタンを押すと、色が変わる、へこんで見える。押せたことが、すぐに分かる。
  • 処理中の表示。送信中は、ボタンの文字を「送信中…」に変えて、もう一度押せないようにする。
  • 進み具合は、ファイルのアップロードで、「60%完了」と、棒グラフで見せる。
  • 完了の知らせは、「保存しました」と、短く表示する。
  • 失敗の知らせは、何が起きて、次にどうすればよいかを伝える(エラーメッセージ)。

フィードバックがないと何が起きるのか

  • 二重の操作は、押せたか分からず、何度も押す。
  • 不安は、保存できたのか、送れたのかが分からない。
  • 中断は、長い待ちで、利用者が、ほかの作業に移る。

語源・位置づけ

NN/g の「ユーザビリティの10原則」の1つ目は、「システムの状態の可視性(visibility of system status)」である。画面が、いま何が起きているかを、利用者に伝え続けること、応答は、できるだけ早く、できれば即座に返すことが、求められている。この原則は、ヤコブ・ニールセンとロルフ・モリッチ(Rolf Molich)が1990年に作り、1994年に改訂した(NN/g「Ten Usability Heuristics」)。

3つの時間の目安は、ニールセンの著書『Usability Engineering』(1993年)の一部として、1993年に公開された。ニールセンは、この目安の出典に、ミラー(1968年)と、カードら(1991年)の研究を引いている。

出典

関連用語

「UX用語」のカテゴリー