#フィードバック
フィードバックとフィードフォワードの違いとは?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分
2026年1月23日
約7分