web-dev-qa-db-ja.com

正または負のスコアを表す方法は?

プラスまたはマイナスのスコアを表すsimple(別名醜くない)視覚要素が必要です負。

私のスコアマトリックスはおそらくこのページに似ています: http://snapsort.com/cameras/Canon-PowerShot-G9-X-Mark-II-score

しかし、私は負のスコアを考慮する必要があります。

上記の例の赤から緑の棒グラフ(赤= 0、緑= 100)は、-100の値も考えられる場合は機能しません。

2
TinyTiger

2つの簡単な解決策が思い浮かびます。丸みを帯びた角、影、およびグラデーション(グラフを「見苦しくない」ようにする見栄えの良いトリック)がないことを許してください。

最初の1つは、中立位置(ゼロ)が中央にあるスケールでのスコアを示しています。スコアを積み重ねると、どちらが良いか、どちらが悪いかが簡単にわかります。また、負の数値の場合と同様に、絶対値が高いほど、スコアは低くなります。
enter image description here

他の考え方は上記と同様ですが、スコアは正または負のどちらかであり、両方ではないことを考慮しています。それでも、負の値の場合、バーは右から左に「増加」します。
enter image description here


編集:色覚異常に関するSteveDのコメントを反映するために、色の選択を作り直しました。

5
Mike

enter image description here

上記のスライダーの色付きバージョンを提案します。これは、デフォルトでゼロに設定されますが、どちらの極性にもシフトできます。

それは、表現に関して、マイクの以前のコメントと非常に似ています。

2