モーダルダイアログ

解説

モーダルダイアログは、背後の画面を一時的に操作できなくして、手前に表示する小窓です。利用者の注意を強制的に向けさせるため、確認や入力を必ず行わせたい場面で使います。

応答が必要な場面に限って使い、お知らせには使わない

適しているのは、削除の最終確認、必須項目の入力、契約内容の同意など、先に進むには応答が必要な場面です。

適さないのは、お知らせや宣伝です。作業を止めてまで伝える必要のない内容をモーダルで出すと、内容を読まずに閉じる習慣がつき、本当に大事な確認まで飛ばされるようになります。

閉じる手段を用意し、ボタン文言で結果を伝える

• 閉じる手段を必ず用意する（×ボタン、Escキー、背景のクリック）
• ボタンの文言は「OK」ではなく、何が起きるかを書く
• 破壊的な操作は、実行ボタンを初期選択にしない
• モーダルの中にさらにモーダルを重ねない