web-dev-qa-db-ja.com

ファクトのリストの最適なフォーマット(配置)

アプリケーションでは(以下の内容はレポートにも同じように適用されます)、さまざまな統計またはファクトのリストを表示するパネルがこの一般的な形式で表示されます: "Category:data"。したがって、たとえば:

前回の試験からの日付: 2009年6月15日。

私の問題は、パネルでこのような統計/ファクトを10〜20程度、行/行ごとに1つのファクトを最もよく見える方法で表示することです。しかし、私がそれを始めたとき、私は単語をどのように揃えるかについてかなり多くの選択肢があることに気づきました:

  • 各カテゴリの先頭のみを揃えます。
  • 各コロンと各データの先頭のみを揃えます。
  • 各カテゴリの開始を揃え、各コロンと各データの開始も揃えます
  • その他...その他...

注意する必要があるのは各行の合計の長さ-カテゴリ名+コロン+データ-は、場合によってはかなり異なりますしたがって、これらの配置の選択肢はそれぞれ外観が異なりますが、それらのどれも、特に心地よく/バランスよく見える統計のリストを提供しません。

例として、次の画像をご覧ください。

enter image description here

この例では、最後のカテゴリ(「世紀の変わり目」)を除くすべてが同様に長いことに注意してください。ただし、実際のカテゴリのリストでは、長さは場所によって異なり、非常に「不規則なエッジ」が生成されます。リストを見てください。 これまで本当にきれいに見えません。

私の質問は:物事を調整する「最良の」方法は何ですか?基準はありますか?あるいは、この種のデータを提示するより良い方法はありますか?

5
Chelonian

これが実際のコンテンツである場合は、コピーの2つの項目を変更する必要があります。

  1. yearlyの代わりにAnnual(ちょうどいい音)。
  2. 百年紀の代わりに世紀の変わり目世紀の変わり目は正確な時間を意味するわけではありませんが、 '00 +/- 5年

これらの変更により、左側の列の幅がより均一になります。

レイアウトルールに関しては、ラベルと対応するフィールドをレイアウトしているので、フォームと同じです。

  • 列間の距離が管理可能であることを確認してください(No. 1のように)。
  • (2のように)複数の列を占める場合、テキストを左から右に右揃えしないでください。
  • 分割されたテキスト(No. 2など)のために空行を導入しないでください。

バージョン3と4はどちらも使用可能ですが、目的によって異なります。 LukeWによるフォームの分析 から外挿すると、ユーザーが外れ値をスキャンする必要がある場合は3番が、ラベルをスキャンする場合は4番が適しています。

5
dnbrv