画面を暗転させてユーザーの操作を完全にロックするモーダルダイアログと、軽やかに情報を添えるポップオーバー。この二者は似て非なるものだ。
モーダルは、ユーザーに「保存しますか?」「削除しますか?」といった不可逆な意思決定を迫る際に使う。背景へのクリックは無効化され、タスクを終えるまで元の画面には戻れない。これに対してポップオーバーは、ユーザーの自由を奪わない。画面の外側をクリックすればスッと消える「ライトディスミス(Light Dismiss)」が基本動作だ。
多くのウェブサイトでユーザー離脱を招いてきた最大の原因は、本来ポップオーバーで済むちょっとした情報提示を、威圧感のあるモーダルで覆い尽くしてしまった設計ミスにある。文脈を遮断せず、必要な瞬間にだけ寄り添う。この繊細なUI/UXデザインの使い分けこそが、現代のプロダクト改善における分水嶺となっている。