web-dev-qa-db-ja.com

フォーム:ラベルとテキスト入力の横または縦?

横並びまたは縦並びのどちらが望ましいかについて合意はありますか?たとえば、これら2つのフォームフィールドのどちらがユーザーエクスペリエンスを向上させますか?:

enter image description here

2
timpone

関連する質問について読むことができます ここ

その質問にはリンクされています このドキュメント 、そしてここからそれに関連する段落があります:

上揃え

上部に配置されたラベルは 片目固定 のみを必要とするため、使い慣れたデータ(つまり、住所、クレジットカードなど)の場合、完了時間(フォームの完了にかかる時間)を最も短縮する傾向があります入力ラベルとフィールドの両方を取り込みます。上部に配置されたラベルは、ページレイアウト全体に悪影響を与えずにラベルを拡大/縮小するための水平方向のスペースが十分にあるため、ローカライズまたは長いラベルが必要なフォームにも適しています。ただし、上部揃えのラベルは、垂直方向の多くの領域を占めます。

また、ラベルの位置の利点と欠点を示す Smashing Magazine からこの画像を見ることができます。

Advantages and disadvantages of the positions of labels

8
IAmJulianAcosta

私はTopに揃えられたlabの長所と短所に同意しますが、Topに揃えられたラベルはSimpleフォームにのみ理想的であるという最後の結論は奇妙に聞こえます。ラベル付けのタイプは、アプリケーション全体で一貫しているべきではありませんか。つまり、単純なフォームと複雑なフォームの両方を持つインターネットバンキングアプリケーション全体で同じですか。

1
Dale