web-dev-qa-db-ja.com

ポップアップとページはめ込みのエラーメッセージ

オンラインフォームに入力したフィールドの一部が無効または必須であることをユーザーに通知する最も効果的な方法は何かを判断しようとしています。

フォーム自体は、機械から読み取った測定値のデータを入力するため、正確さが重要な要素です。

エラーウィンドウが閉じられたら、ユーザーが入力または変更するために必要なものを思い出す必要がないため、ページ内メッセージの方が効果的であると私は直感しています。

このオンラインで実際の研究を見つけることができなかったので、いくつかの答えを得るためにそれを床に投げてください。

enter image description here

4
IronBasset

ポップアップエラーの欠点:

  • フォームを修正するために、ポップアップは消えます=> I 覚えておく必要がありますエラー。
  • 特定のエラーソースと「リンク解除」されたそれらの単純なデータ=>私はエラーのソースを見つけるためにを覚えている場合。 (入力に色を付けたり、他の手がかりを表示したりする場合を除きますが、実際のインラインエラーと比較すると、とにかく難しくなります)
  • 編集後にエラーが発生した場合は、エラーソースの再配置を覚えておく必要があります。

この時点まで、ユーザーは次のように叫んでいます。「私に考えさせないでください! "

  • それらは不必要な侵襲的です。ポップアップを閉じる前に、ポップアップ自体がフォームのエラーを少なくともチェックしないようにしたくありません。一部のレコードを削除するか、重要なアクションを確認するなどの重要な決定については、ポップアップは有効なオプションである可能性がありますが、エラーメッセージの表示にはポップアップが表示されません。

ユーザビリティの違いは非常に大きいなので、このための調査は必要ないと思います。
JonWが彼のコメントで言及しているように、私は実際のインラインエラーメッセージに移動するもお勧めします。また、いくつかのエラー防止機能でそれを補完する設計を試みてください。

このサイトと他のUX関連のメッセージの両方に、エラーメッセージを含むフォームデザインに関する多くの情報があります。

4

あなたの編集によると、私はInLineではなくInPageと仮定しています。

フォームの長さに依存すると思います。ユーザーが下部にあるSubmitボタンをクリックする必要があるところを何度も目にしましたが、ページはめ込み検証は開始しましたが、ユーザーはページはめ込み検証メッセージまでスクロールして戻りません =。そのため、フォームが送信されない理由がわかりません!それらを上にスクロールするか、警告を出す必要があります。

別の要因はResponse Timeです。サーバーからの往復に長い時間がかかることを測定した場合、ユーザーは注意をそらし、表示されたときにページ内検証notnotnotになる可能性があります。ポップアップは常にユーザーの注意を引きます。

いくつかの提案:

  1. ポップアップを組み合わせてユーザーに警告し、上記の2つのポイントを無効にし、検証メッセージをページに保持して、リコールに関するポイントを処理することもできます。

  2. 各入力ボックスの横にインライン検証を配置し、そこにメッセージを表示します。これはそれについての現代的なやり方のようです。

2
Gaurav Ramanan

他の人が言ったように、インラインエラーはよりユーザーフレンドリーです。これに追加するには、完了したタスク、成功メッセージなどでポップアップを使用する必要がありますが、適切な修正を行うには、ユーザーが自分のエラーを確認できる必要があります。そのためには、何らかのインラインディスプレイが必要です。

さて、このシナリオでは(そして画面キャプチャにも基づいて)、これらのエラーを表示する最も一般的な方法はON SUBMITです。これは正しいですが、AJAXリクエストを使用して拡張できます。そのため、フォームに入力するとすぐにエラーを修正できます。

このようにして、ユーザーはフォームを送信する必要がなくなり、データをどのように提供するかを正確に伝えることができ、統計情報を台無しにする「偽の送信」がなくなります。

ページが読み込まれるたびにパスワードを入力(および再入力)する必要があり、これは非常に一般的なUXエラーであるため、データ形式の問題はパスワードフィールドに特に当てはまります。この問題は、日付(テキストフィールドを使用する場合)、クレジットカード番号などにも表示されます。また、何かを送信する前に、非同期要求と検証を実行するのと同じくらい簡単に解決できます。さらに、検証が正常に実行されるまで、送信ボタンを「ミュート」することができます

1
Devin

両方を行う3つ目の可能性があります。不足している/無効なフィールドに入力できるポップアップを用意します。無効なフィールドが2〜3個以上ある場合はinPageエラーにフォールバックするか、一度に2〜3個のフィールドのみをユーザーに提示することができます。無効なアイテムが2、3個しかなく、長いフォームがあり、不足している情報を表示していて、ポップアップメッセージから入力できるようにすると、長いフォームの場合、大きな節約になります。

ただし、個々の質問にとってコンテキストが重要な場合は、これは適切ではない場合があります。欠落している情報が以前の回答に依存している場合、コンテキストから外すと、回答が困難(または不可能)になる可能性があります。

0
aslum