モバイルのポップアップモーダルの代わり
私のウェブサイトのポップアップモーダルに情報が表示されます。ページのモバイルバージョンで、ポップアップウィンドウの代わりに最適なものは何ですか？
モーダルポップアップをレスポンシブにしようとしましたが、内部のコンテンツが乱雑に見え、UXが強制終了されました。
- 単純なメッセージの場合は、Javascriptアラートで置き換えることができます（アラートメッセージまたは確認メッセージの場合は、アラートのスタイルを設定できません）。
- アコーディオンとタブを使用してみましたが、これは正確な目的には役立ちません。
より良いオプションはありますか？
全画面オーバーレイを検討してください
私がますます目にするパターンは完全なオーバーレイです。全画面を利用し、目立つ「閉じる」ボタンがあり、背景色を使用して標準ビューではないことを伝えることがよくあります。
私はそれがナビゲーションで使用されるのを最もよく見ましたが、それを使ってこれ以上何ができないのかわかりません。レスポンシブデザインで動作し、最小サイズでは、モーダルウィンドウのモード切り替えの感触を維持しながら、フルスクリーンの領域にアクセスできます。
http://tympanus.net/Development/FullscreenOverlayStyles/
これが私が見た最後の場所です： http://interaction16.ixda.org/
Snackbar/Croutonパターンなどの非モーダルダイアログを検討してください。モーダルポップアップよりもそれほど攻撃的ではありません。一般に、ポップアップを使用して問題を「解決」することは避けてください。私ができる最高のアドバイスです。
インラインフィードバックは長い道のりです。または、新しいページ/画面、K.I.S.S。