質問: キーと値のペアを表示する最も読みやすい方法 特定の画面に多くのデータが含まれるアプリを設計しています。googleとuxスタック交換を検索しましたが、何も見つからないようです(おそらく、検索キーワードの表現を間違えている可能性があります)。キーと値のペアのリストを表示するためのベストプラクティスに関する調査はありますか?アプローチa-右揃えキー、左揃え値 key: value longer key: value short key: value that could be long アプローチb-左揃えキー、右揃え値key: value longer key: value short key: value that could be long アプローチc-両方を左揃えkey: value longer key: value short key: value that could be long アプローチd-他に何か?ここで、逸話的なベストプラクティスとは何か、およびベストアプローチの実際の調査/テストのボーナスポイントを知りたいです。
回答: オプションa(右揃えのキーと左揃えの値)は、ほとんどの状況で最も理にかなっています(調整が必要なrtl言語などのケースが常にある場合があるため)。データによっては、常に重要な部分を知っている可能性が高く、比較的短い...非常に長くなる可能性のある値の部分、またはデータ構造の場合は独自の値のツリー。必要に応じて長い値を簡単にラップできます(テキストの段落など)。ただし、キーと値がそれぞれの行に上揃えされるようにして、本当に長い値になっても関連付けが明確になるようにします。例: ノート: 右揃えのキー/ラベルは左揃えよりもうまく機能することがわかりました。 (key:value)アイテムを互いに近くに配置することで、どのキーがどの値に対応するかが非常に明確になります。キーが長くなると、キーと値の間の空白が大きくなり、ユーザーは関連付けを行うためにさらにスキャンする必要があります。 必須ではありませんが、「セル」の間に微妙な境界を設けることにより、どの値のコンテンツがどのキーと一致するか、および行が開始/停止する場所が明確になります。 必須ではありませんが、キーと値の間に微妙なスタイルの違いを提供すると、どちらが 私はsteve krugと彼の著書「 do n't make me think "」の大ファンです。そのため、私が作成するために提供できるすべての微妙なui/uxヒントを確認する傾向があります。明白で発見可能なものが提供されます