フォーム内で、必須フィールドの横にアイコンを表示し、「*必須フィールド」という指示テキストを無効にするだけで十分ですか?それに加えて、必要なフィールドアイコンに特定のスタイル(形状、色)がありますか?
必須フィールドマーカーであるIMHOは、ユーザーの期待に変身したアンチパターンであり、現在それらを持たないことが問題です。
私が見たユーザーテストで結論に達しました。私は長い間、a)必要に応じてオプションフィールドを表示しないでください-必要なものだけを要求するか、b)オプションフィールドを要求し、例外にする必要がある場合は、必須フィールドにマークを付ける代わりに、オプションのフィールドをマークするだけです。
悲しいかな、ユーザーのテストでは、ユーザーは常に、必要な識別子が欠落していたため、どのフィールドに入力すればよいかわからなかったと常に言っていました。
だから、私がそれらを追加したくないのと同じくらい、私たちはそうしました。
個人的には、前者を試すことをお勧めしますが、必要な場合のみ後者を使うことをお勧めします。一般に:
テストに失敗した場合は、必要なフィールドマーカーを挿入することを検討してください。
これに加えて、必要なフィールドアイコンに特定のスタイル(形状、色)がありますか?
繰り返しになりますが、私はそれをアンチパターンと呼んでいますが、ユーザーは赤いアスタリスクを期待する傾向があるようです。 (その後、TITLE属性を追加するか、「必須」テキストを表示するためのツールチップにすることができます)。
必須のフィールドラベルには強制的なアクセントがあり、ユーザーは少し愚かな人として扱われているように感じることがあります。レーベルは「ここに書いてと言った!わかんない?」みたいな。あまりユーザーフレンドリーではありません。
したがって、ユーザーにとってより親しみやすいものにする場合は、そのようなラベルを使用しないでください。関連性があり、妥当な(小さい)量のフィールドのみを残すことで、フォーム入力プロセスが簡単で理解しやすくなります。もちろん、ユーザーを乱用しない穏やかなエラーメッセージを実装します。
もう1つは、インストラクションスタイルのフォームです。それはいくつかの政府のサイト、ビザ登録などであるかもしれません
これは、指導スタイルが無礼であることを意味するものではありませんが、(ユーザーのために)もう少し厳しいものにしてください。
フォームを2つのセクションに分割できますか?これにより、ユーザーはフィールドごとに必須かどうかを確認する必要がなくなり、コンテンツに集中できます。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
さらに進んで、フォームの途中で送信オプションを選択できます。
何かのようなもの:
アイコンを使用することを選択した場合、アイコンにカーソルを合わせると表示されるツールチップが表示されることがあります。ただし、アイコンが「必須」を意味し、それを操作できることは明らかである必要があります。 「必須フィールド」という言葉とともにアイコンを表示するのに比べて、費用対効果が低い場合があります。
私は赤で行きます-それは事実上の事実上の標準です。単純なアスタリスクが一般的です。
さらにいくつか考えてみます。問題のあるフィールドの横にエラーメッセージを表示することをお勧めします。メールアドレスが無効な場合は、メールフィールドの横にその旨を伝えてください。フォームの上部にそのメッセージを表示すると、誤ったフィールドを探す必要があります。
また、フィールドがスキップされるとすぐに(フィールドにフォーカスが移り、入力が不十分でフィールドが失われる)か、桁数が少なすぎる郵便番号などのエラーが発生したらすぐに、このようなエラーメッセージを表示してみてください。ユーザーが1つずつエラーを修正できるようにすることは、18のエラーメッセージでいっぱいの画面よりも威圧的で不快なものではありません。
L. Wroblewskiの Webフォームデザイン:空白の記入 からの引用:
- フォームのオプションの入力フィールドは避けてください。
- フォームの入力のほとんどが必要な場合は、オプションの入力をいくつか示します。
- フォームの入力のほとんどがオプションである場合は、必要なものをいくつか示します。
- 必須またはオプションのフォームフィールドを示す場合、テキストが最も明確です。ただし、*記号は、必須であることを比較的よく理解しています。
- 必須フィールドを示すために*を使用する場合は、それが何を示しているかを説明する凡例を忘れないでください。
- 必須またはオプションのインジケーターを入力ラベルに関連付けて、回答する必要がある質問を簡単に確認できるようにします。
私が見つけた、それを行う最良の方法は反対を行うことです。オプションのフィールドに小さな(オプション)メモを付けます。フォームが適切に作成されている場合は、ほぼすべての必須フィールドとほぼ0のオプションフィールドが必要です。