web-dev-qa-db-ja.com

データ入力でのラベルの折り返し

ラベルのラッピングに関してスタイルの質問があります。現在行っているドメインエキスパートデスクトップアプリケーションでは、右揃えのラベルと左揃えのフィールドを使用しています。ラベルが非常に長い状況(複雑なビジネス用語や質問など)が時々発生します。

enter image description here

この時点で、私が見ることができる唯一の解決策は、質問をラップすることです。

enter image description here

これは最良の選択肢ですか?ほぼすべてのデータが同じ行にあるラベルとフィールドにうまく収まるため、上揃えのラベルに移動する予定はありません。また、これはデスクトップのみです。

2
shobaldur

ラベルを左揃えにすることが唯一のオプションである場合、それはスキャン可能性の問題です。設計が(ある場合)どの程度、ユーザーが質問を読んで答えるのを妨げますか。

ラベルがすべて1行になっている最初のオプションが不快であることがわかりました。しかし、私は数えません。

これはテストする非常に簡単なことです。フォームの2つのバージョンを作成し、人々に尋ねます。正式なテストである必要はありません。ページを印刷できました。ビジネスマンに行く;受付係など...そして、これらの2つのうちどちらが読みやすいと思いますか?

回答者が意見を述べた後にのみ、1つはテキストが折り返され、もう1つは1行で折り返されていることを指摘します(気づかず、事前に指摘した場合)。

2
Mayo

おそらく、入力フィールドを高くして、2行のテキストに合わせることができます。私は理解できるように、これらはたくさんあるべきではないので、2行に制限することもオプションかもしれません。また、すべてのフィールドの幅を同じにして、左側の不規則性(テキストラベルの長さ、複数行)を相殺するようにしてください。

higher input fields

1
Harun Alikadić

これはWeb専用であるため、提案の1つにすぎません。以下のレイアウトを参照してください。

enter image description here

(使用されているAdobe XD)

0
NPN