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

Question

我々は長い間持っている3つのセクションがあります

リクエスタ、出荷及び

各セクション画面以上長い形態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

ロジャーハドソンはvery good article on writing accessible forms とexample on error handlingです。

Answer 5

私は、影響を受けるフィールドのタイプを示すダイアログを持っています。彼らは大丈夫をクリックしてからフォームの最初のエラーにスクロールしましょう。

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

「me @ me'com」のような不正な形式のメールアドレスを入力した場合、そのメールアドレスが不正な形式であることを知らせる場合、正確な言葉遣いは、実際にあなたがターゲットとしているユーザーのタイプに依存しています。

私は上部にエラーがあることを伝える嫌悪感のフォームをし、フィールドによって小さなアスタリスクを持っています.... ugh。

P.S.また、フォームに「パスワード」やその他の機密フィールドがあり、必要な修正フィールドとしてマークすることなく空になってしまうと、ナットが動かされます。