モーダルウィンドウの利点と欠点
私はWebアプリケーションに取り組んでいて、サインアップフォーム、ログインフォーム、コンタクトフォーム、および支払いフォームを実装する方法を理解しようとして少し行き詰まっています。これらすべてを次のいずれかに実装できます。
- モーダルウィンドウ（例： Kissmetrics ログインフォームにモーダルを使用）
- または独自のページ（例： Stripe ログインフォームに別のページを使用）
モーダルウィンドウのアクセシビリティが悪いことを読んでいます。一方、ページの読み込みはページよりも速く、ユーザーへのHTTPリクエストが多くなります。
あなたはより良い選択肢は何だと思いますか？よりよい（よりアクセスしやすい）モーダルウィンドウが存在するようになったことは、もはや重要ですか？
「中断」タスクのモーダルウィンドウが好きです。つまり、実際に他のことをしようとしているときに実行されるタスクです。
サインインは良い例です。どのページからでも、クリックしてサインインし、小さなフォームに入力して、現在のタスクに戻ることができます。
確かに、モーダルなしで実行できます（サインインが独自のページにある場合、送信すると前のページに戻ることができます）が、モーダルを使用すると、元のページをバックグラウンドに残すことができます。したがって、ユーザーが実際に離れることはありません。それは単なる一時的な中断であり、完全な回り道ではありません。
モーダルは正当な理由で人気があります：モーダルは高速で、焦点を当てた、コンテキストに応じた対話を提供します。フローを進めるために本当に必要な場合のために、ページの読み込みを保存する必要があります。
別のコンテキスト情報オプションは、必要に応じてページに読み込まれるコンテンツです。このソリューションは、以前は特に支払いフォームに使用していました。
この記事 は、どのモーダルが実際に置き換えられたかを思い出させます：恐ろしいポップアップウィンドウ！
モーダルウィンドウは、設計者が適切に使用するときに使用する便利で効果的なインターフェイスウィジェットです。ポップアップウィンドウよりもはるかに優れているため、今日のポップアップウィンドウがほぼ絶滅しているのも不思議ではありません。モーダルウィンドウはウェブをより良い方向に変えました。彼らの批判にもかかわらず、彼らはここにとどまっています。
最近、よりアクセスしやすいモーダルのソリューションがあります。 Big Gからのアイデアをいくつか紹介します。
そしてUX.SEの関連する質問：ブラウザでモーダルウィンドウのアクセシビリティを向上させるにはどうすればよいですか？