モーダルウィンドウ

ページ内に重ね合わせで表示される小ウィンドウ。表示中は背後のページ操作ができなくなり、ユーザーが必ず応答する必要がある。フォーム入力・確認ダイアログ・画像拡大表示・動画再生で活用される。

Web 担当者にとっては、CTA・キャンペーン告知・同意取得ダイアログなどで実装を検討する UI 要素。便利だが多用するとユーザー体験を悪化させるので、使い所の判断が重要。

本書のスタンスは「モーダルは『必ず応答してほしいとき』だけ」。情報補足や任意の追加情報なら、ページ内の通常表示か、別タブ遷移にする方が UX 良い。Cookie 同意・退会確認・購入確定など、ユーザーの明確な判断が必要な場面に限定する。