#055
UI設計パターン
#055かくにんだいあろぐ
確認ダイアログ
別名・表記:Confirmation Dialog確認メッセージconfirm()
UIXHERO Definition
「本当にいいですか？」。うっかりミスを防ぐための最後の砦。
概要
エラー防止（Error Prevention）のための代表的なUIパターン。 ユーザーの操作フローを一時停止させ、注意を喚起する役割がある。 しかし、あまりに頻繁に表示されると「オオカミ少年」状態になり、本来の警告の意味をなさなくなるため、本当に必要な場面に絞って使用すべきである。
UXでの活用
- 明確なアクション名: ボタンのラベルは「OK / キャンセル」ではなく、「削除する / キャンセル」のように、何が起こるかを具体的に記述する。
- 破壊的なアクションの強調: 削除ボタンを赤くするなど、危険性を視覚的に伝える。
- Undoの優先: 本来は確認ダイアログよりも、操作後に「元に戻す（Undo）」機能を提供する方が、ユーザーの作業を中断させないためUXとして優れている場合が多い。
💡 使いどころ
データの削除、契約の解約、送金など、取り返しのつかない（または取り消すのが大変な）操作を行う際。
⚠️ 注意点・誤用
乱用するとユーザーは慣れてしまい、何も考えずに「OK」を押すようになる（警告疲れ）。元に戻せる操作（Undo可能）であれば、ダイアログは不要な場合が多い。
具体例
- 「このファイルを完全に削除しますか？」
- 「保存されていない変更があります。破棄してもよろしいですか？」
出典・参考文献:
- Norman, D. A. (1988). The Design of Everyday Things. New York, NY: Basic Books.
- Nielsen, J. (1994). Enhancing the explanatory power of usability heuristics. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, 152–158.
- Nielsen, J., & Molich, R. (1990). Heuristic evaluation of user interfaces. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, 249–256.
- Reason, J. (1990). Human Error. Cambridge: Cambridge University Press.