web-dev-qa-db-ja.com

フォームのどこにラベルを貼ればよいですか?

たくさんの質問と1つの質問に対する複数の回答があるアンケートがあります。私は、レーベルを支持する多くの研究を読み、問題についてのあなたの考えを見たかった。 enter image description here

3
Erica Price

私の意見では、ラベルの位置はフィールドにある「行」の数によって異なります。


  • ラベルがオプションの1行のオプションを参照している場合は、同じ行に残す方が明確です。

enter image description here


  • ラベルがオプションのいくつかの行を参照している場合は、ヘッダーをそれ自体の行を占めるため、上部に残す方がより明確です。

enter image description here


また、フォーム内で consistency を検討し、すべてのラベルに同じレイアウトを使用します。

1
Alvaro

Luke Wroblewskiの本 Web Form Design のコピーを入手することを強くお勧めします。これは、ラベル、入力コントロールの場所、アクションコマンドなど、私たちが当たり前と思っていることについての私の参考書です。

ラベルに関する彼のトピックには、アイトラッキングテストと実際のシナリオのケーススタディが含まれています。これらのテストと調査では、データ入力の完了までの時間を最小限に抑えようとするときに、上揃えのラベルを使用するという一般的な提案があります。

1
Aaron Hudon