モバイル/タブレットにポップアップまたはモーダルを使用することは良い習慣ですか？はいの場合、なぜですか？いいえの場合、代替オプションは何ですか？
どのような場合にポップアップし、モーダルを使用する必要がありますか？ポップアップとモーダルを使用する場合の最良および最悪のシナリオは何ですか？
モバイル/ iPadのバージョンでは、どのオプションが最適ですか？なぜですか？
どのウェブサイトをポップ＆モーダルで使用していますか？ （例：Facebook、Trello、Amazonなど）
いつ使用するか
- ユーザーがタスクのコンテキストを維持できるようにする必要があります。
- ユーザーは、タスクを実行する前に重要なことを知っている/行う必要があります。
- 確認が必要であり、エラーのコストが非常に高くなる可能性があります。
- 画像、記事、動画など、ユーザーが1つのコンテンツに集中できるようにしたい。
- ユーザーの現在のタスクを中断して、より重要なことにユーザーの完全な注意を引き付けたいとします。
いつ使用しないでください
- エラー、成功、または警告メッセージを表示したい
- コンテンツが多すぎてスクロールが必要です。
- ウィザードなどの複数のステップが含まれます。
違いは何ですか？
知らない人のために、popupは通常、親ウィンドウとの対話をブロックする（ポップアップが閉じられるまで）Webページによって開かれた子ウィンドウです）。 modalはwindowではなく、ウィンドウの印象を与え、ページの残りの部分との相互作用をブロックします。
bootstrap modalは次のようになります： 
ソース： http://v4-alpha.getbootstrap.com/components/modal/
どれを選ぶ？
現実的な要件では、ポップアップウィンドウよりモーダルを選択するのが最も確実です。
ポップアップは、特にユーザーが前のページに戻ったり、他のページに移動したりできない場合があるため（Web開発者による設定に応じて）、ユーザーに迷惑をかける傾向があります。一方、モーダルは、より良いアニメーション、使いやすさ、そして煩わしさを減らす方法です。
ポップアップの使用に関する別の問題は、ポップアップブロッカーの構成に起因します。ユーザーがウェブサイトのポップアップを一度ブロックした場合、そのことに気付かない可能性があり、サイトが機能していないと考えられます。モーダルは無効にできないため、ユーザーがサイトをどのように表示するかを完全に制御できます。