モーダル とは？

そうそう、まさにそれ！あれがモーダルだよ。画面全体に半透明の暗い幕（オーバーレイ）をかけて、その上にウィンドウを浮かせる表示方式のことなんだ。閉じるまで後ろの画面は操作できなくなるよ。

実は意味が違うんだ。ダイアログは「確認ウィンドウ」という UI の「部品」の名前で、モーダルは「他の操作をブロックしている状態」という「状態」の概念なんだよ。モーダルなダイアログもあれば、モーダルじゃないダイアログもある。逆に画像ギャラリーの拡大表示みたいな、ダイアログじゃないけどモーダルなUIもあるんだ。

ユーザーの作業を強制的に中断させるからだよ。たとえばネット記事を読んでいるときに「メルマガ登録してください！」ってモーダルが出てきたら、読む気が一気になくなるよね。操作の流れを止めるのはそれだけ強い行為だから、本当に重要なことだけに使うべきって設計の世界では言われているんだ。

「ユーザーが今の作業を続けながら参照できるか」が判断基準で、参照しながら操作を続けてほしいならモードレス、今すぐ決定・確認してほしいならモーダル、という考え方なんだ。でも実際には「このアラート、モーダルにすべきか？」という議論はデザイナーとエンジニアの間でよく起きる話で、コンテキストや優先度によって答えが変わってくる。モーダルの乱用がなぜ「UXを壊す」と言われるか、ちゃんと説明できるエンジニアやデザイナーは意外と少ないんだよ。