web-dev-qa-db-ja.com

Escボタンvs [x]ポップアップで閉じる

モーダルポップアップで、それを閉じるには、3つのオプション-上部のメッセージEsc to closeまたは[x] または両方。 (または、モーダルポップアップのメッセージに応じて、okまたはcancel。)

私の研究から次のことがわかりました。

  • ラップトップユーザーはほとんどマウスを使用せず、ほとんどすべてのキーボードショートカットを使用する傾向があり、これらの人々はEscボタンを使用する可能性があります。
  • マウスを頻繁に使用する人はそれに固執し、モーダルポップアップを閉じるために閉じるボタンをクリックすることを好むでしょう

これらとは別に、どちらかのオプションの選択を支持する点はありますか?

両方を同時に使用することは良い考えですか?これに関する既存の調査またはガイドラインはありますか?

2
Sooraj

私は最良の解決策はboth(escを押して閉じるボタンをクリック)することだと思います

  • ショートカットはラップトップユーザーにとっては良いですEsc
  • 初心者ユーザーはショートカットを知らないため、閉じるボタンをクリックすることを好みます。

モーダルポップアップの場合は、モーダルを終了する別の問題を追加できます。モーダルの外側をクリックします。

例(カスタムダイアログ)https://material.angularjs.org/latest/#/demo/material.components.dialog

4
Leaf

両方のオプションとモーダルの「外側をクリック」することが重要であることに同意します。ただし、ユーザーがタスクを完了しているときは、完了を逃さないようにするために、[キャンセル]ボタンを提供し、外側のクリックを削除することをお勧めします。

1
litagandara