#375
UI設計パターン
#375フィードバック
フィードバック
別名・表記:Feedback
UIXHERO Definition
ユーザーの操作に対するシステムからの反応。ボタンを押した感触、送信完了の通知、エラー表示など、対話の成立を確認し安心感を与えるための必須要素。
概要
ユーザーの操作（入力、クリック、タップなど）に対して、システムが返す反応のこと。人間同士の会話でいう「相槌」や「返事」にあたる。適切なフィードバックがないと、ユーザーは自分の操作が受け付けられたのか不安になり、迷いや誤操作（連打など）の原因となる。
UXでの活用
- 視覚的フィードバック: ボタンを押した瞬間の沈み込み、ホバー時の色変化、ローディング中のスピナー表示など。
- 触覚的フィードバック（Haptics）: スマホのボタンを押した時の微細な振動（バイブレーション）により、物理的なボタンを押したような確かな感覚を与える。
- 聴覚的フィードバック: 送信完了時の「シュッ」という音や、エラー時の警告音。画面を見ていない状態でも状況を伝えられる。
💡 使いどころ
ユーザーがあらゆる操作を行った直後。0.1秒以内の即時反応（Immediate Response）を目指す。
⚠️ 注意点・誤用
フィードバックがないと、ユーザーは「押せていない」「フリーズした」と誤解し、不安になるか連打する。どんな些細な操作にも必ず反応を返す。
具体例
- ボタンのホバー効果（押せることがわかる）
- 押した瞬間のリップルエフェクト（押したことがわかる）
出典・参考文献:
- Jakob Nielsen, Response Times: The 3 Important Limits
- Don Norman, The Design of Everyday Things
- ISO 9241-110