user-interface - エラーを表示するには長い形式が最適です。ユーザビリティに関する質問

Question

3 つのセクションを持つ long があります。

リクエスタ、配送および請求

各セクションが 1 画面以上の長さになるため、フォームは 3 画面以上の長さになります。ユーザビリティの観点から、フォームにメッセージを表示する最良の方法は何ですか。

1. フォームの上部にあるエラー メッセージのグループ化されたリスト。
2. セクションの上部にある各セクションのグループ化されたメッセージ
3. 実際にエラーが発生したフォーム フィールドの近くにあるエラー メッセージ。

Answer 1

個人的には、ページの上部のフォーム ヘッダーの前に、次のようなものを配置したいと考えています。

There was an error with your form submission in the following section(s):
Shipping, Billing

配送と請求は、フォームのそのセクションに移動するアンカーです。次に、そのセクションの上に、そのセクションに関連するメッセージを表示します。

Shipping
- You need to fill in an address

[rest of form here]

Billing
- You need to fill in a name

[rest of form here]

Answer 2

セクションの上部にある各セクションのグループ化されたメッセージ

実際にエラーが発生しているフォーム フィールドが視覚的に変化します。

Answer 3

フォームの上部に「情報を送信する際にエラーが発生しました。フィールドを赤で修正してください」のような一般的なエラーがある場合に最も使いやすいと思います。エラー。

Answer 4

Roger Hudson には、アクセシブルなフォームの作成に関する非常に優れた記事 と、エラー処理の例があります。

Answer 5

影響を受けるフィールドのタイプを示すダイアログを表示するのが好きです。[OK] をクリックして、フォームの最初のエラーまでスクロールします。

影響を受けるフィールドは、何らかのフラグ/境界線/マーカーと、問題のタイプを知らせるメッセージで示されます。

そのため、「me@me'com」のような不正な形式のメール アドレスを入力すると、メール アドレスの形式が不正であることが通知されます。正確な言葉遣いは、ターゲットとするユーザーのタイプに大きく依存します。

一番上にエラーがあり、フィールドのそばに小さな小さなアスタリスクがあることを示すフォームは嫌いです.... うーん。

PSまた、フォームに「パスワード」またはその他の機密フィールドがあり、必須の修正済みフィールドとしてマークせずに空にすると、私は気が狂います。