ポップアップ：いつ、いつ使用しないのですか？
ウェブ開発者として、私はポップアップをたくさん使っています。私が取り組んでいるすべてのプロジェクトで、ポップアップ（およびポップアップを使用するタイミング、ポップアップに表示するデータなど）について、開発者（およびPM）の間で常に少なくとも1つの大きな議論があり、常に得ているようです。ウェブサイトでのポップアップの使用が何らかの方法で悪用されているという感覚。
たとえば、ポップアップはデータを編集する問題をかなり迅速に解決することができます（開発者とユーザーの両方がプログラム的に必要なことを実行するために、または少なくともそれが私たちの考えです）、または多くの場合、ポップアップはクライアントが実行するものですしたいが、これらのケースは適切ではない可能性があります。開発者として、ポップアップに関するベストプラクティスまたは経験則を探しています。
UX/UIのポップアップをいつ使用する必要がありますか？
ポップアップを使用することの長所と短所は何ですか？
ユーザーにとって、ポップアップを使用するとはどういう意味ですか？ポップアップの使用は、従うべきアクションについて何かを意味していますか？
まず、用語を定義しましょう。ウェブ上には「ポップアップ」と呼ばれるさまざまなものがいくつかあります。
- 個別のブラウザウィンドウ。通常、ブラウザクロムを減らして特定のサイズに設定します。
- 画面内の比較的小さな部分をカバーする、ユーザーによってトリガーされるウィンドウ内フローティング要素。多くの場合、可視性をトリガーした要素を指す小さな矢印が付いています。
- 画面の大部分をカバーするウィンドウ内フローティング要素（単独で、または半透明のオーバーレイを使用してページの残りの部分を「暗くする」ことにより）、それらが閉じるまでページ上の他の機能をブロックします。 （最後の1つはより適切に「モーダル」と呼ばれますが、ポップアップという用語はしばしば誤用されます。）
これらはそれぞれ目的が異なり、それぞれ独自の長所と短所があります。
別のブラウザウィンドウの「ポップアップ」
これは、他のオプションを有効にするスクリプトとレイアウトのテクニックがまだまだ存在していなかったWebの初期の時代には、はるかに便利でした。このタイプには重大な欠点があります。特にフルスクリーンを閲覧するユーザーにとっては、メインウィンドウの背後で簡単に失われてしまいます。明らかな理由により、モバイルデバイスではうまく機能しません。ユーザーが誤ってポップアップを閉じてしまった場合に、ポップアップを再オープンする明らかな方法でビルドする必要があります。そして最も重要な多くのユーザーは、これを完全にブロックするように、または見なくてもすぐにブラウザーを閉じるようにブラウザーを構成しています（これは何年もの間広告目的で誤用されてきたためです）。他のタイプの場合、この形式のポップアップは、ユーザーが「メイン」ウィンドウの別のページに移動した場合でも存続できます。これが役立ついくつかの狭いユースケースがあります。
ブラウザ内の「ポップアップ」
大まかな経験則として、これらを以下の情報または機能に使用します。
- 小さく、自己完結型（たとえば、コンテンツの大きなチャンクやマルチステップフォームには使用しないでください）
- 画面に既に表示されている特定の要素に特に関連している（ポップアップを表示するためのトリガーとして機能します）
- オプションです（ユーザーが毎回ポップアップを開く必要がある場合、そのコンテンツはおそらくインラインに属します）
- コンテンツがインライン化された場合、ページが乱雑になります（これは認めざるを得ませんが、これはかなりあいまいな要件です。ポップアップのコンテンツ、全体的なレイアウト、および機能とコンテンツの量によっては、多少コンテキストに依存します）ページの他の場所に表示されます）
- 単一のスタンドアロン要素であり、関連する要素のセットの1つではありません（この場合、アコーディオンまたはタブ付きサブビューがより適切な場合があります）
フルページの「ポップアップ」
モーダルは中断を伴うので、できるだけ控えめに使用し、ユーザーmustが続行する前に対話する要素-ライセンス契約またはペイウォールなどに対してのみ使用する必要があります。これらは段階的なプロセスには使用しないでください。これらのケースでは、単純な段階的なナビゲーションの方が適切です。モーダルが全画面表示されない唯一の理由は、モーダルが閉じられると、見ているものに戻ることをユーザーに示すためです。モーダルが開かれる前。 （そうでない場合は、モーダルを使用せず、通常のナビゲーションを使用してください。）
モーダルポップアップは、広告目的（サードパーティの広告、または「今すぐ購読！」の自己宣伝のいずれか）にますます使用されています。これは本質的にユーザーに敵対的な行為です（Webデザインは全体的にますますユーザーに敵対的になっています）近年）広告ブロック戦争が急速に激化している理由の大部分です。
私は個人的に、これは短期的な利益（そうでなければ、そうでなければそうではないかもしれないユーザーの一部が「購読する」）を長期的な災害（ユーザーは、通常、イライラしたり中断したりしたくない）と交換していると信じています。 ）この種の行動に従事することは、基本的にユーザーを訓練して、フィルタリングされていないWebを表示する代わりに、広告ブロッカーを使用するようにします。また、一部のユーザーには、サイトへのアクセスを完全に停止することを勧めています。
これは NNGroup からの非常に素晴らしい要約です
- ユーザーが重大な結果をもたらし、取り消すことが難しいアクションを実行しようとしています。
- ユーザーがプロセスの次のステップに進む前に、少量の情報を収集することが不可欠です。
- オーバーレイのコンテンツは緊急であり、ユーザーはオーバーレイでコンテンツに気付く可能性が高くなります。
これらが機能する主な理由はいくつかあります（利点）：
あなたのページへの読者と訪問者は、短い注意スパンを持っています。彼ら
リード情報をサブスクライブまたは送信できない可能性があります。
彼らが見るもののようですが、彼らは気を取られて退屈しているので、
または明確な行動を促すフレーズのボタンがありません。ポップアップ割り込み
彼らが去り、婚約の機会を前面に出し、中心に置く。読者と訪問者はあなたの貴重なコンテンツに集中しています。特定のタスクに集中している人は、「注意力失明」と呼ばれるものを体験します。つまり、特定のことに集中しているとき、明白なものに気づかないのです。ポップアップは、不注意による失明を突破し、訪問者があなたの「質問」を見ることができた場合に発生したであろうコンバージョンを奨励します。
ポップアップを使用することの欠点
1多くの訪問者、特にインターネット技術に精通している人は、ポップアップを好まない。一部の人々はそれらをとても嫌い、ポップアップでサイトをすぐに終了します。
2一部のポップアップ、特にスクリプトを含むポップアップは、ページの読み込み時間を遅くする可能性があり、これはコンバージョンとSEOの要因です。
3適切なタイミングで適切なメッセージよりも少ないと、訪問者を煩わしく感じ、エクスペリエンスを混乱させる可能性があります。
ポップアップの詳細については、この link を参照してください。