it-swarm.com.de

Farbcodierungswarnungen

Ich habe einige Probleme mit den Farben eines Projektalarms.

Ich habe zwei Fälle, die eine Warnung auslösen.

Einer ist, wenn der Wert über 40 liegt und einer über 45.

Das Erreichen des 40-Wertes ist eine wirklich schlechte Sache und das Erreichen von 45 ist noch schlimmer.

Das Problem ist, dass ich Orange für über 40 nicht verwenden kann, da es wirklich wichtig ist und sofort Maßnahmen ergriffen werden müssen.

Derzeit verwende ich hellrot und hartrot, aber ich befürchte, dass sie nicht gut genug unterscheiden.

Irgendwelche Vorschläge bitte?

(enter image description here

10

Wenn Sie Zweifel an der Unterscheidung grafischer Elemente haben, sollten Sie alle visuellen Kontraste im Design testen.

Formkontrast

(Shape contrast

Größenkontrast

(Size contrast

Texturkontrast

(Texture contrast

Farbkontrast

Wenn der Farbkontrast nicht ausreicht oder nicht zulässig ist, versuchen Sie die Mischung mit Farbe und Textur:

(color contrast

Gewichtskontrast

(Weight contrast

Figur/Bodenkontrast

(Figure/ground

Stilkontrast

(style

Abstandskontrast

(enter image description here

Um die Antwort zu vervollständigen, gibt es einen anderen Kontrast, aber ich denke, dass er in diesem Design nicht zutrifft.

Positionskontrast

(Position


Schließlich gibt es noch eine andere Art von Kontrast, die wir oft als solche ausschließen:

Timeline-Kontrast

(timeline

35
Danielillo

Es sieht so aus, als ob Sie nur einen Rotton, den Hintergrund der Box und die Deckkraft verwenden sollten.

Hier ist ein Beispiel für einige verschiedene Zustände mit einer roten Farbe. Die Deckkraft wird im Beispiel 42 nur einmal verwendet, und der Hintergrund liegt bei 50%.

In diesen Fällen müssen Benutzer nur den Unterschied zwischen Schwarz, Rot und Rot bei 50% erkennen können.

(enter image description here

15
moot

Wenn Ihre Benutzeroberfläche ansonsten hell ist, können Sie einen dunkleren Rotton verwenden, um sie als "sehr schlecht" zu unterscheiden. Siehe die Legende mit den Farben unten:

(image demonstrating the different colors

7
iHaveacomputer

Australische Buschfeuerwarnungen verwenden Streifen, um den höchsten Schweregrad anzuzeigen.

(Bushfire warning scale

Beispiel:

(enter image description here

7
Ahmad

(enter image description here Sie könnten versuchen, Ihre Farben beizubehalten und während des Codierens, wenn der Wert über 40 liegt, ein Ausrufezeichen auslösen, möglicherweise in einem Dreieck oder einem Kreis. In der Box auf der rechten Seite gegenüber dem Dreieck. Oder sogar außerhalb der Box daneben. Gemäß dem sichtbaren Lichtspektrum von Orange nach Rot ist das Anzeigen einer zunehmenden Schweregradzahl ein gutes Entwurfsmuster, wie Sie es getan haben. Ein zusätzliches Symbol, das zusammen mit den Farben an der Marke 40+ ausgelöst wird, kann diese Designkomponente für den Benutzer klarer machen ...

5
mastablasta

Ich würde argumentieren, dass es keinen Vorteil hat, sie anders zu gestalten. Obwohl Sie gesagt haben, dass 47 schlechter als 42 ist, haben Sie auch gesagt, dass alles über 40 erfordert sofortiges Handeln.

Es scheint, dass die Aktion, die der Benutzer sowohl für 42 als auch für 47 ausführen muss, dieselbe (sofort handeln) ist. Daher sehe ich kein Problem darin, dass es gleich gestaltet wird.

Wenn das Argument lautet, dass 47 wichtiger ist als 42, dann ist dies bereits an der Zahl selbst ersichtlich, sodass keine unterschiedlichen Stile erforderlich sind, um dies zu zeigen.

Zusammenfassend kann Rot "Sofortmaßnahmen ergreifen" bedeuten, und dann gibt die Zahl die Prioritätsreihenfolge an (höchste zuerst).

2
musefan

Ich empfehle Ihnen, neben Rot mehr helleres "Gelb" zu verwenden, wenn Sie kein dunkleres verwenden müssen.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Oder alternativ würde ich empfehlen, Außengrenzen vorzugsweise mit derselben Farbe wie Schriftarten zu blinken.

mockup

bmml Quelle herunterladen

Und als letzte Alternative ist die Kombination dieser beiden oben genannten

mockup

bmml Quelle herunterladen

Hinweis: Ich habe nicht versucht, dieselbe geometrische Form zu erstellen, da der Editor sie standardmäßig nicht anbietet. Bitte betrachten Sie sie als unabhängig von der Form, da Ihre Frage und meine Antwort eher farbperspektivisch sind.

1
Erhan Yaşar