私のサイトは、モーダルを使用したい多くのインスタンスに出会います。サインアップ、サインイン、コメント、ファイルのアップロードなどがその例です。
これで、モーダルのサイズが通常かなり小さく、ページを背景(透明な黒いオーバーレイの後ろ)に表示できる、次のような従来のモーダルデザインを使用できます。
または、以下のようなフルスクリーンモーダルデザインを使用することもできます。フルスクリーンモーダルの方が見栄えがよく、すっきりしています。
フルスクリーンモーダルを使用するデメリットは何ですか?従来のモーダルデザインとフルスクリーンモーダルデザインのどちらを使用すべきですか?
私は先週、これと同じプロセスを実行しました。最初にフルスクリーンモーダルから始め、次にそれを「標準」モーダルに戻します。
TL; DRユーザーは、ブラウザーの[戻る]ボタンをクリックします。
このエクスペリエンスはWeb UI(ブートストラップ)向けでした。スクリーンショットから、bootstrapまたは同様の何かを使用しているようです。これを「webapp」としてタグ付けしたので、順調に進んでいると思います。
フルスクリーンモーダル(ブートストラップでさまざまなCSS MODが必要)を使用したいという私の希望は、モーダルの「背後」にあるコンテンツでユーザーの注意をそらさないようにすることでした。結果は良さそうで、私にとっては問題なく動作しました。同僚にフルスクリーンモーダルを操作させた瞬間、問題が発生していることがわかりました。彼が誤ってモーダルを開いた場合、彼はすぐにブラウザーの「戻る」ボタンを押します。もちろん、これは彼を彼が始めたところから完全に異なる見方に連れて行き、彼が最初の見方で行った他の進歩を失うでしょう。