モーダルダイアログ対ライトボックス-誰が勝ちますか?
-
03-07-2019 - |
質問
私の考えでは、モーダルダイアログとライトボックスの両方が同じ目的を果たします。片方にはセクシーな(しかしjavascriptが重い)スケールがあり、もう片方には経済的な(しかし退屈な)スケールがあるようです。
どちらを使用するかを決定する要因は何ですか?または、別のページに移動せずにユーザーに複雑なデータを要求するより良い方法はありますか?
解決
アプリケーションによって異なります。アプリケーションがWebページにあまり似ておらず、アプリケーション(Googleドキュメントなど)に似ている場合、特定のタスクにユーザーの注意を向けたい場合、モーダルダイアログが有効です。
アプリケーションがWebサイトの場合、モーダルダイアログを使用してユーザーを混乱させないでください。人々はページを分割することに慣れており、複雑なタスクを実行するために一連のページを使用することさえあります。複雑なデータである場合、通常は、タスクの圧倒性を減らす論理的なステップに分割します。実際にページ全体を読み込むことなく、Ajaxを使用してさらにクールにすることができます。
モーダルダイアログはほとんど使用しないでください。モーダルダイアログを使用しない方法の良い例はFacebookだと思います。 Facebookには、スライドアウト、スライドバックするための素晴らしいAjaxがあります。インターフェースは非常に複雑ですが、ほとんどの複雑さが隠されています。
他のヒント
ウェブページのライトボックスとモーダルウィンドウには多くの共通点があります。ケコアはそれをうまく説明しました。
別の違い:ライトボックスは通常、ポップアップの外側(淡色表示の背景)をクリックして閉じることができますが、モーダルウィンドウは通常、ポップアップ内で操作することによってのみ閉じることができます(例:[OK] / [キャンセル] / [X] 。
これは、モーダルウィンドウが「モーダル」であり、「戻る前にユーザーが[それら]と対話する必要がある」ためです。 (http://en.wikipedia.org/wiki/Modal_window)。