web-dev-qa-db-ja.com

テーブル内のデータが同じテーブル内の他のデータに関連していることをどのように示すことができますか?

データの6つのエントリごとに大まかに関連付けられているテーブルがあります。別の列を明示的に追加せずに、これらのデータセクションが関連していることをどのように示すことができますか?

私は6のグループで列を強調表示しようとしましたが、それが潜在的にできるほど良く見えないと思います。

例:

enter image description here

編集:

グループ化設計の主な目的は、ユーザーが暗算を使用するよりも速く/簡単に6つのエントリのセットを数える方法を提供することです。ただし、エントリの元の順序/グループ化は完全に任意であり、インポートされる順序にのみ基づいています。データがインポートされた後、それは私が制御できないプロセスに対応するため、常にその順序で保持されます。

5
Jack Fraser

現在のアプローチは正しい方向に向かっています。ユーザーがこのデータを定期的に使用する場合、ユーザーはグループ間の関係をすでに知っています。背景色の切り替えは、グループ間のコントラストを作成する1つの方法です。他の方法は、行の区切りと空白を使用することです。

それをより明白にするためにあなたがすることができる一つのことは、重要ではないものを強調しないことです。

例えばすべてのセルの周りにグリッド線と枠線があります。彼らはデータを理解しやすくしていますか?あんまり。暗いストローク、特に垂直線が行全体のスキャンの邪魔になっています。それらを削除することを検討してください。

Dark Horse Analyticsによるテーブルデザイン に関する良い記事があります。

以下は、邪魔にならないもの(行区切り)から最もわかりやすいもの(背景)までの異なるグループを表示するためにテーブルをスタイル設定する3つの方法です。 Edward Tufteの原則に従い、ページにインクを追加しすぎないコンパクトなラインセパレーター方式を好みます。

enter image description here

8
nightning

水平線をグループ化を使用し、垂直線を削除します。水平線は線に沿って目を導くのに役立ち、垂直線は目の経路に沿った障壁になります。

enter image description here

6

データが同じテーブルに関連付けられていることを示すために、3つのステップのプロセスがあります。

  1. 関連する要素の横にデータを配置します(そうしました)
  2. 関連するデータフィールドの分類を表示します(そうしました)。
  3. その理由をユーザーに教えてください!わかりにくい場合があるため

私のデザインを見てください。関連するフィールド間で色を変えたり、ホバーしたときに、データが他のフィールドに緩やかに関連付けられている理由を色で示したりすることができます。以下の私の例を参照してください

enter image description here

要するに、色のグループ化が単なる偶然なのか、それらのフィールドが実際に関連しているのかをユーザーに考えさせないでください。彼らに明確な手がかりを与える。

0
Frank Visaggio