web-dev-qa-db-ja.com

Enterキーを押してフォームを送信する

フォームに入力してフォームを送信するときに、いつでもEnterキーを押すことができるのは良いユーザーエクスペリエンスですか?

ログインフォームの最後のフィールドにあるかどうかを理解し、Enterキーを押して送信します。ただし、長いフォームに記入し、フォームの途中でEnterキーを押すと、フォームは送信されますか?

3
whatsnewsaes

通常-はい、ユーザーがenterを押していつでもフォームを送信できるようにすることをお勧めします。

長いフォームに記入し、フォームの途中でEnterキーを押すと、フォームは送信されますか?

特にこの使用例では、アクションを適切に適用するために、フォームを適切に作成する必要があります。

空白の必須フィールドがある場合、フォームは送信されません。クライアント側の検証は、ユーザーが欠落しているフィールドを確認するのに役立ちます。

オプション空白のフィールドがある場合、インターフェイスはユーザーがenterを押すことができるようにクリックするように強制するべきではありません。 20のフィールドがあるフォームを想像してください。4つは必須です。enterキーがフォームを送信できないようにするか、フォーカスが最後のフィールドにある場合にのみ、基本的にはforcesユーザーです。マウスに移動します。彼らはtabに16回アクセスしないので、enterを押すことができます。

多くのコンシューマアプリケーションでは必ずしも状況とは限りませんが、データ入力の観点から考えてください。キーボードから手を離さずに複数のレコードを入力できるはずです。したがって、必要なときはいつでもenterを押すことができるはずです(必須フィールドに入力が完了している場合)。

入力デバイス間の切り替えも時間がかかると見なされます。これを実行するには、複数のステップを実行する必要があります。ユーザーは次のことを実行する必要があります。

  1. キーボードとの婚約を精神的に停止し、
  2. 見つけてマウスに移動し、
  3. 相互作用のメンタルモデルをマウスの使用に切り替え、
  4. 画面上でカーソルを見つけ、
  5. ターゲットを見つけ、
  6. カーソルをターゲットに移動し、
  7. 最終的にターゲットと関わります。
  8. 繰り返して、フォーカスをキーボードに戻します。

これにはすべて数秒かかる場合があります。フォームやアンケートを1度だけ記入するだけの場合は、大したことではありません。しかし、データ入力の例に戻って、これらの相互作用の要件を数百倍します。入力モードを切り替える際の「無駄」な時間はかなり測定可能になり始め、その往復はユーザーにとって煩わしいだけです。

6

現時点ではこれにも対応しています。 Enterを使用して要素をアクティブ化する要素(選択リストやファイルダウンボックスなど)を含む長いフォームがあるため、Enterを使用してフォームへの入力を容易にし、「いつでも」送信できるようにすると、少し混乱します。 」.

これまでの私の解決策は、フォームを送信するかどうかを尋ねるダイアログを表示することです。デフォルトのオプションは[はい]でフォーカスされています。そのため、精通している人(フォームにたくさん記入するなど)は、基本的に「ダブル入力」できます。 "フォームを送信します。ただし、新規ユーザー、またはEnterキーを押したときにフォームを送信する予定がないユーザーは、少なくとも送信を停止して、フォームに入力し直すことができます。

アクセシビリティPOVから、一貫性も必要です。これは、Imが少し苦労しています。 Enterはアクティブ/選択と見なされます-送信ボタンがある場合、そこで使用する必要があります-非送信要素の中間フォームではありません。したがって、一部の人がフォームをミッドフォームで送信できるのは便利ですが、一貫性とアクセシビリティを確保するために、念のためダイアログを表示します。

0
Ky Lane