#フィードバック

フィードバックとフィードフォワードの違いとは?UIの例で比較

フィードフォワードとは、操作する前に「押すと何が起きるか」を伝える設計で、フィードバックとは、操作した後に結果を伝える設計です。ファイル削除・フォーム入力・ボタン操作・購入前の合計金額の表示という4つの場面で違いを比べ、ボタンの文言や、マウスを乗せると出る補足表示(ツールチップ)など、操作の前に結果を伝える方法を解説します。

2026年3月24日
約9分

フィードバック (Feedback)

ユーザーの操作に対してシステムが反応を返さないUIは、沈黙という最悪の体験を生む。あらゆる操作に適切な反応を返し、ユーザーとシステムの対話を成立させる設計原則。

2026年2月17日
約12分

モーションの品位 (Motion Quality)

アニメーションは「動けばいい」ではない。意味のない過剰な動きはユーザーの邪魔になり、遅すぎる動きは操作を妨げる。UIにおけるモーションを「機能」として設計するための原則。

2026年2月17日
約8分

状態の可視化 (Visibility of System Status)

ユーザーが「今何が起きているか」を把握できないUIは、不安と誤操作を生む。システムの現在状態を適切なタイミングで伝え、ユーザーに安心して操作させる設計原則。

2026年2月17日
約10分

自己奉仕バイアス (Self-Serving Bias)

成功は「自分の能力」のおかげ、失敗は「運や環境」のせいだと考える心理傾向。自尊心を守るための防衛機制。

2026年1月23日
約7分
#フィードバック | Blog | UIXHERO