web-dev-qa-db-ja.com

テーブルセルのカラーコードの代替

データの各行を「分類」するためにテーブルで色分けを利用するLoBアプリケーションを現在再設計しています。

Example of color coding in table

たとえば、上の図の「St」列(「ステータス」を表します)では、セルの背景色がレコードのステータスに応じて変化しますが、いくつかの問題があります。

  • 10を超える値が考えられるため、識別可能な色をいくつでも見つけるのは困難です。
  • ユーザーは、各値に割り当てられている色を覚えておく必要があります。
  • 特に複数の列が関係している場合は、視覚的に混乱します。
  • 色覚障害者は異なる色を区別できない場合があります。

この問題への別のアプローチを考えることができますか?

11
Julien Poulin

セルまたは行に色分けされたラベルで「タグ付け」するのはどうですか?色を維持することは、人々が一目であなたのデータを理解するのを助けます、そしてテキストラベルは色盲のために十分に説明的です。

Gmailはこの手法を使用して、データの密な行をかなりよく分類します。

enter image description here

7

他の解説者に同意します。あなたがあなた自身が述べた理由と他の人が述べた理由のために、10色で行くのは難しいです。

たぶん、あなたはそれぞれのステータスの省略形を考え出すことを考えるべきです。

例えば、

ステータスタイプ

DSV = 1(発見)

CRT = 2(裁判所)

TRT = 3(条約)

このようにして、どこでも迷惑な色を使う必要がなくなり、多くのスペースを占める大きな単語を使用する必要がなくなります。また、3文字以上の省略形を適切に選択すれば、ニーモニックになる可能性があります。

@ DA01で言及されているチャートジャンクウィキの一部を読んだところ、それらの色すべてが最終的に何になるか、画面上のジャンクがユーザーのコンテンツの邪魔になっていることは、お金にぴったりでした。

省略形の頭字語を使用して、すべての奇数行を強調表示し、ユーザーが長い行で自分自身を失うことがないようにします。

4
Jerry Saravia

10個のステータスの10個の値がありますか?それが単純化する最初の場所かもしれません!

ステータスの値が4つを超える場合は、テキストのみを使用する必要があります。

2
ripu1581

あなたの問題がそれ自体の色であるかどうかは完全にはわかりません。テーブルが乱雑に見え始めるとき、それは通常、最初は乱雑な土台があったことを意味します。 Tufteは、これらの種類の無関係な視覚要素を指すために「グラフジャンク」という用語を作り出しましたが、表面的には、実際には実際のデータを見るのに邪魔になるだけのように見えます。

http://en.wikipedia.org/wiki/Chartjunk

表内のグラフジャンクの最も簡単な例は、表のセル間の垂直分割線です。ほとんどの場合、データ自体が視覚的な線を作成します。雑然とするために、まだ別の行を追加する必要はありません。

したがって、できる限りテーブルに戻ってプレゼンテーションを整理することをお勧めします。その時点で、強調表示の問題に対するはるかに簡単な解決策を見ることができるかもしれません。

2
DA01

ユーザーは本当にそのすべての情報を単一のビューで見る必要がありますか?色の使用に代わるものを見つけたとしても、それは一度に提示する多くの情報です。

これらのステータスと色分けの目的が、ユーザーが情報を精神的にフィルタリングし、特定の情報をすばやく見つけて比較できるようにすることである場合は、その認知負荷をユーザーから取り除き、代わりにインターフェース内にコントロールを提供して、ユーザーの設定に基づくテーブル。

2
Matt Obee

1から10のような単純な数値範囲の場合は、グレーの色合いを使用する可能性があります。日陰は正確に解釈されない場合がありますが、ユーザーにマグニチュードの良いアイデアを与えるでしょう。黒いテキストの白い背景、および白いテキストの黒い背景は、特別な意味でほとんどのユーザーが識別できます。

いずれの場合も、数値テキストの読みやすさをあまり低下させないようにしてください。

0
obelia

画像は色の代わりです-各ステータスには対応する説明アイコンがあります。

0
Serg

ここに2つの問題があります。

  1. ユーザーが10(またはそれ以上)の番号付きステータスの意味を理解するのは非常に困難です。

    この問題を解決するには、数値をすべてのステータスの「テキスト表現」に置き換えることをお勧めします。

  2. 区別が難しい10(またはそれ以上の)ステータスに基づくカテゴリ

    実際にはさまざまなステータスが多すぎる(つまり、カテゴリ)であるため、難しいです。そして、すべてのステータスをすばやく特定する効果的な方法はありません(短期記憶は 約7種類のアイテムを効果的に)で操作できるため 、参照 短期記憶 )、したがって、色や他の種類の識別の代わりに画像を導入しても、効果がありません。

    この問題を解決するには、(いくつかのステータスを結合して)カテゴリ数を減らすか、テーブル内で別のデータ分類方法を見つけます(フィルタリングを使用してサブセットデータにしてから結果を色分けするか、データを分析してより多くの行を見つけます)ユーザーにとって重要であり、重要でない行のみに分類を適用するなど)。

0
alexeypegov