web-dev-qa-db-ja.com

「必須」フィールドの凡例を表示する必要がありますか?

フォーム内で、必須フィールドの横にアイコンを表示し、「*必須フィールド」という指示テキストを無効にするだけで十分ですか?それに加えて、必要なフィールドアイコンに特定のスタイル(形状、色)がありますか?

5
Poyi

必須フィールドマーカーであるIMHOは、ユーザーの期待に変身したアンチパターンであり、現在それらを持たないことが問題です。

私が見たユーザーテストで結論に達しました。私は長い間、a)必要に応じてオプションフィールドを表示しないでください-必要なものだけを要求するか、b)オプションフィールドを要求し、例外にする必要がある場合は、必須フィールドにマークを付ける代わりに、オプションのフィールドをマークするだけです。

悲しいかな、ユーザーのテストでは、ユーザーは常に、必要な識別子が欠落していたため、どのフィールドに入力すればよいかわからなかったと常に言っていました。

だから、私がそれらを追加したくないのと同じくらい、私たちはそうしました。

個人的には、前者を試すことをお勧めしますが、必要な場合のみ後者を使うことをお勧めします。一般に:

  • 絶対に必要な情報のみを尋ねる
  • そして、フォームの前のどこかに「すべてのフィールドが必要」であることに注意してください。

テストに失敗した場合は、必要なフィールドマーカーを挿入することを検討してください。

これに加えて、必要なフィールドアイコンに特定のスタイル(形状、色)がありますか?

繰り返しになりますが、私はそれをアンチパターンと呼んでいますが、ユーザーは赤いアスタリスクを期待する傾向があるようです。 (その後、TITLE属性を追加するか、「必須」テキストを表示するためのツールチップにすることができます)。

8
DA01

必須のフィールドラベルには強制的なアクセントがあり、ユーザーは少し愚かな人として扱われているように感じることがあります。レーベルは「ここに書いてと言った!わかんない?」みたいな。あまりユーザーフレンドリーではありません。

したがって、ユーザーにとってより親しみやすいものにする場合は、そのようなラベルを使用しないでください。関連性があり、妥当な(小さい)量のフィールドのみを残すことで、フォーム入力プロセスが簡単で理解しやすくなります。もちろん、ユーザーを乱用しない穏やかなエラーメッセージを実装します。

もう1つは、インストラクションスタイルのフォームです。それはいくつかの政府のサイト、ビザ登録などであるかもしれません

  • ユーザーが専門家ではない(理解不足)
  • エラーの価格がかなり高い(時間またはお金)

これは、指導スタイルが無礼であることを意味するものではありませんが、(ユーザーのために)もう少し厳しいものにしてください。

2

フォームを2つのセクションに分割できますか?これにより、ユーザーはフィールドごとに必須かどうかを確認する必要がなくなり、コンテンツに集中できます。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

さらに進んで、フォームの途中で送信オプションを選択できます。

何かのようなもの:

mockup

bmmlソースをダウンロード

2
bendataclear

アイコンを使用することを選択した場合、アイコンにカーソルを合わせると表示されるツールチップが表示されることがあります。ただし、アイコンが「必須」を意味し、それを操作できることは明らかである必要があります。 「必須フィールド」という言葉とともにアイコンを表示するのに比べて、費用対効果が低い場合があります。

私は赤で行きます-それは事実上の事実上の標準です。単純なアスタリスクが一般的です。

さらにいくつか考えてみます。問題のあるフィールドの横にエラーメッセージを表示することをお勧めします。メールアドレスが無効な場合は、メールフィールドの横にその旨を伝えてください。フォームの上部にそのメッセージを表示すると、誤ったフィールドを探す必要があります。

また、フィールドがスキップされるとすぐに(フィールドにフォーカスが移り、入力が不十分でフィールドが失われる)か、桁数が少なすぎる郵便番号などのエラーが発生したらすぐに、このようなエラーメッセージを表示してみてください。ユーザーが1つずつエラーを修正できるようにすることは、18のエラーメッセージでいっぱいの画面よりも威圧的で不快なものではありません。

1
Surreal Dreams

L. Wroblewskiの Webフォームデザイン:空白の記入 からの引用:

  • フォームのオプションの入力フィールドは避けてください。
  • フォームの入力のほとんどが必要な場合は、オプションの入力をいくつか示します。
  • フォームの入力のほとんどがオプションである場合は、必要なものをいくつか示します。
  • 必須またはオプションのフォームフィールドを示す場合、テキストが最も明確です。ただし、*記号は、必須であることを比較的よく理解しています。
  • 必須フィールドを示すために*を使用する場合は、それが何を示しているかを説明する凡例を忘れないでください。
  • 必須またはオプションのインジケーターを入力ラベルに関連付けて、回答する必要がある質問を簡単に確認できるようにします。
1
Igor Gubaidulin

私が見つけた、それを行う最良の方法は反対を行うことです。オプションのフィールドに小さな(オプション)メモを付けます。フォームが適切に作成されている場合は、ほぼすべての必須フィールドとほぼ0のオプションフィールドが必要です。

0
user17059