みなさんこんにちは！
「Webサイトエンジニア」×「臨床検査技師」のハイブリットおじさんこと、ウエノです。
今回はWebサイトにおける目立ちすぎるポップアップ画面こと「モーダルウィンドウ」について解説します。
モーダルウィンドウと聞いてピンと来た人はいるでしょうか。
事前にWeb関係の学習をしている人でもなければ、そうそう知られていない言葉と思います。
しかし、じつはモーダルウィンドウを目にすることは結構あります。
例えば、背景が暗くなり「無料で資料を取り寄せられますがいかがですか」というような営業ポップアップであったり、アカウントを削除しようとすると「本当にアカウントを削除しても大丈夫ですか？今ならこんなサービスも受けられますよ」というような注意喚起ポップアップです。
特徴としては、画面の中央に出現し回答をクリックする以外に操作ができなくなるところです。
このようにポップアップにユーザーの注意を引きつけつつ、その返答をクリックする以外のアクションを制限する機能をモーダルウィンドウといいます。
サンプルを下におきますのでクリックしてみてください。※デモのモーダルウィンドウが出現します
これからモーダルウィンドウについての基礎、メリットとデメリット、デメリットに対する解決策をお教えします。
みなさんがWebサイトについての知識を１つでも多く得てもられるように、知識をふんだんにバラ撒きますので、ぜひ最後まで見ていってください。
「本当にその操作を実行しますか？」や「こんなエラーがありますよ」というように、ユーザーに大切なメッセージを伝えるときに大活躍しますよ！
ウエノ