web-dev-qa-db-ja.com

必須フィールドの場合、フィールドラベルの前または後に赤いアスタリスクを追加する必要がありますか?

必須フィールドのラベルの前または後に、つまりフィールド名の左側または右側に赤いアスタリスクを追加する必要がありますか?上司はラベルの前にアスタリスクを追加することを好みますが、最後にアスタリスクを追加するのが好きです。どちらがよりユーザーフレンドリーですか?

Job creation form

12
hungneox

私は実際に調査を行ったことがありませんが、一貫性があり、ラベルをドッキングするのとは反対側にある限り、それが問題になるとは思いません。フィールドラベルを右に揃え、アスタリスクを右に揃えると、奇妙に見える不規則な効果が作成されます。

それとは別に、それが重要であると私は確信していません。最初にアスタリスクを読む方が良いと主張することで別の方法で提案する人もいますが、ユーザーの目が関心のあるポイントにロックするのではなく、順番にテキストを読むとは確信していません(人間の読書が実際にどのように機能するかをより正確に表したようです) )。

8

ラベルを揃える のどちら側にするかによります。アイトラッキングの研究を読んで、注視線に沿ってマーカーを配置することをお勧めします...右揃えのラベルの場合、ラベルの後にラベルを配置します。

ただし、次のように、フィールドに必要なマーカーがラベルをぶつけて、不揃いなエッジになるようにしたくありません。

labels aligned right, but jagged

とはいえ、代わりに次のことを行うこともできます。

labels aligned right, but asterisk in it's own vertical column

左揃えのラベルの場合、ラベルの右側に配置しますが、フィールド自体に揃えます。これにより、ユーザーはフォームを簡単にスキャンして、まだ完了していない必須フィールドを探すことができます。

labels left aligned, asterisks to the immediate left of the fields instead

5
Erics

必須フィールドのアスタリスクまたはその他のインジケーターの最も見やすくスキャンしやすい位置は、ラベルではなくフィールドの右側にあると思います。

4
Taj Moore

赤またはアスタリスクだけを使用しても、太字必須フィールドほど効果的ではありません。

508準拠(色に依存しない)のためのより良い実践、およびアスタリスクだけでは画面上で見にくい。

3
Mike Hill