web-dev-qa-db-ja.com

ユーザーがボックスの外側をクリックすると、ポップアップ/ライトボックスを閉じる必要がありますか?

現在、アプリケーションには、右上隅に閉じるボタンがあるポップアップ/ライトボックスがあり、一部のライトボックスには、送信ボタンの横にキャンセルボタンがあります(フォームの場合)。また、ユーザーがライトボックスの外側をクリックすると、ライトボックスも閉じます。

ユーザーがライトボックスの外側をクリックしてライトボックスを閉じることができるようにすることで、混乱を招くUXを作成し、プログラミングに課題を追加していると思います。ボックスが開いたら、彼らに決定を下してほしい。

ボックスの外側をクリックしてボックスを閉じ、上隅に閉じるアイコンとキャンセルボタンを残しておく機能を削除したい。これは良い考えですか?

8
bweikulrich

それはダイアログが何をしているかに大きく依存しますが、一般的にはい、モーダルダイアログの出口ベクトルをできるだけ多く残します他のモーダルダイアログがEscapeキーで閉じてウィンドウの外側をクリックする限り、人々もあなたのものだと思います。クリックすることは、「ああ、そうするつもりはなかった」に対する一般的な反応です。ユーザーにダイアログの操作を強制することは、はるかに危険なようです。

これはフォームであり、ユーザーが誤ってクリックした場合にユーザーが情報を失うことを望まないため、このソリューションを試す可能性があります。クリックして閉じるのを無効にする代わりに

まれな例外は、ユーザーが本当にでモーダルダイアログを終了できない場合です。これは非常にまれなはずですが、not行為が非常に危険である可能性がある場合は適切です。それは非常にまれです。通常doing何かをするのではなく、何かが危険な状態です。関連する注意として、破壊的なアクションでは、できるだけ多くの出口ベクトルを与えることが最善です。

8
Ben Brocka

ユーザーが外側をクリックしてポップアップダイアログを閉じる方が高速です。外側の領域は、閉じるボタンよりもクリック領域が大きく、カーソル/指までの距離が短い( フィットの法則 )。一部のユーザーは、外部を閉じるとポップアップも閉じられることを知らない可能性があるため、閉じるボタンを使用することも同様に適切です。簡単に終了する機能が混乱をもたらす方法は、実際にはわかりません。

6
Anna Rouben

はい、モーダルウィンドウにキャンセルボタンがない限り、ユーザーコントロール/自由のために必要です。モーダルウィンドウのベストプラクティスを説明する優れた記事を次に示します。 モーダルウィンドウのベストプラクティス

2
Samson

良い質問です。私の意見では、ユーザーがボックスの外側をクリックしてボックスを閉じる必要はありません。開発者として、フローを保持すること、つまりユーザーが決定を下す能力を保持することを強くお勧めします。

たとえば、ユーザーがサインアップする何かを持っていて、送信するか閉じるボタンを押すオプションがある場合、フォームを盲目的に却下することはできないため、おそらくサインアップのオプションを再考する必要があります(必ずしもそうとは限りません)。

1
sree

場合によります...

  • ダイアログにユーザー入力が含まれている場合は、外側をクリックしてダイアログを閉じないでください...

    ユーザーがそれを閉じるとどうなりますか?入力は保存/適用または失われますか? -ユーザーが混乱したり心配したりする可能性があります。 (特に、大量の入力(失われた場合)またはユーザーが入力を保持したくない場合(保存された場合))

  • ダイアログがリストからの拡大図である場合は、外側をクリックしてダイアログを閉じてください...

    ユーザーは別のアイテムにすばやく移動できることを望んでいます。

ダイアログを閉じるために外側をクリックすることを有効にする場合、クリックしてもダイアログが閉じない場合は、その周りにマージンを確保します(シースルーにすることができます)。 -これは ソーセージフィンガーミス を防ぐのに役立ちます。

1
Danny Varod