3段階のアラートの伝達

Question

Webアプリケーションには、ハードウェアコンポーネントへのストレスを表示するビューがあります。

これは、100％がコンポーネントの予想される応力率であるアイコンと組み合わされたさまざまなカラーコードのパーセント値で表示されます。

ストレスが<= 100％の場合、テキストは緑色で、 enter image description here その前のアイコン。

ストレスが> 150％の場合、テキストは赤くなり、 enter image description here その前のアイコン。

問題は、これらの値の間で値を伝えるために使用できるアイコン、つまり100％<X <= 150％です

警告を伝える必要がありますが、グレードは低くなります。テキストは色分けされますGoldenRod enter image description here したがって、同じ配色のアイコンは私が求めているものになります。 他の2つのアイコンとは異なる形をアイコンにしたいので、上の色のスプラッシュに描かれているように、正方形の中に何かあるかもしれません。

ただし、その中で使用するそのシンボルはわかりません。 感嘆符を使用すると、High Alertアイコンですでに使用されているため、混乱を招く可能性があるように感じます。

テキストと組み合わせたアイコンは議論の余地のある問題ですの使用はわかりますが、アイコンは、ユーザーが色を区別できず、テキストの色分け。

このグレードのアラートを伝えるためのアイコンまたはシンボルについて、良いアイデアはありますか？または、他のインスタンスでアラートのグレードがどのように伝達されているかの例を見たことがありますか？

Danny Varod · Accepted Answer

緑のチェックマーク、オレンジ色の「！」はどうですか。三角形と赤い点滅ライト（サイレン）。
赤レベルの別の代替案は、「X」記号です。黒の「X」が入った赤い八角形。

最初の2つの間にレベルを追加することもできます。黄色の「i」（情報）記号です。

チェックマークは有効なアイテムに対して意味があり、「i」は提案/情報、「！」警告の場合は「X」、エラーの場合は「X」。

dnbrv · Answer

このシステムには、より深い設計上の問題があります。ハードウェアストレスは1次元ではなく、3ステージに限定されるのではなく、2次元（現在のレベルと変化の方向）であり、粒度で測定されます。したがって、0 = <x = <100、100 <x <150、x => 150と表示しただけでは、適切な決定を行うための十分な情報がユーザーに伝達されていません。

機器が105％のストレスで着実に稼働している状況と、過去5分間にストレスが10％から145％に増加し、増加し続けている状況を考えます。どちらも同じアイコンが表示されますが、アクションの手順は大きく異なります。正しい判断が下される唯一の方法は、ステータスを確認する人が、最初のケースではストレスが安定しているのに対して、後者のケースではストレスが上昇していることを知るときです。これは、実際の応力値と変化の方向（↑、↓、–または=）を示すことによってのみ達成できます。

ただし、そのようなアイコンをインターフェイスから完全に破棄する必要はありません。事前定義された期間内に大きな変化があった場合に役立ちます。

最も重要なのは、現在のアイコンセットが色覚障害者にとって悪夢であることです。
通常のビジョン： enter image description here
デューテラノプスはこれを見る：
変色者はこれを見ます：

形状を実際のシンボルに変更して、それらに黒いアウトライン（チェックマーク、感嘆符など、円、三角形、正方形がないものは何でも）を付けるか、色を暗くして白いシンボルのコントラストを上げることができます。真ん中ですが、前述の理由により、それでも良い解決策にはなりません。

Kit Grose · Answer

個人的にはアキノキリンソウと赤い形を入れ替え、十字をシンボルとして使います。

赤い四角形は、たとえばステレオやビデオプレーヤーでは「停止」を意味し、感嘆符の「道路標識」記号は、ほとんどの主流のオペレーティングシステムで「警告」を意味するものとして使用されます（赤い「X」の意味とは対照的）「停止」と小文字のiは「情報のみ」を意味します）。

緑の円/黄色の三角形/赤い四角の組み合わせは、私が考えることができる少なくとも1つの既存のアプリケーションで使用されています：Mac上のiChat（オプションで、それらをバディステータスに使用します;利用可能、アイドル、および離れています）。

個人的には、色だけに頼るのではなく、形と記号の両方を変更することで、赤緑色の失明に対してあなたのアプローチcatersを考えています。それにもかかわらず、赤いシンボルが大きな懸念事項である場合は、ティックシンボルの円形のエンクロージャーを削除し、ティック自体を緑色にすることで、それをより劇的に目立たせることができます。