it-swarm.com.de

Sollte die Bestätigung "Löschen erfolgreich" rot oder grün sein?

Welche Farbe sollte eine Löschbestätigungsmeldung haben?

Dies hängt mit der Frage Sollte 'Ja, lösche es' rot oder grün sein?, aber anders, da diese Frage nach einer passiven Bestätigungsnachricht fragt und nicht nach der aktive Löschtaste.

Man könnte sagen, Grün, die typische Erfolgsfarbe, aber die Löschtaste war rot und sieht komisch aus. Die Nachricht rot zu machen, weil Sie gerade etwas gelöscht haben, macht auch keinen Sinn, weil Rot für Fehler sein soll.

In meinem speziellen Fall geht es darum, Vorschläge abzulehnen oder anzunehmen. Die Optionen sind:

Green background / success (Erfolg)

Red background / danger (Achtung)

Yellow background / warning (Warnung)

Blue background / info (die Info)

Wenn Sie abgelehnt fett machen, wird der Unterschied zwischen abgelehnt und akzeptiert stärker betont. Der Text könnte auch in "Sie haben erfolgreich den Vorschlag abgelehnt" geändert werden, wodurch auch die tatsächliche Aktion unabhängig von der Farbe stärker betont wird.

Ohne Farbe sieht ein grauer Hintergrund mit schwarzem Text seltsam aus. Es sieht überhaupt nicht mehr wie eine Benachrichtigung aus, daher halte ich es nicht wirklich für eine Option.

Schließlich schlug jemand vor, überhaupt keine Nachricht zu haben, da der Vorschlag aus der Liste der Vorschläge gelöscht wird. Diese Löschung an sich sollte laut dieser Person genügend Rückmeldung sein. Ich persönlich bin jedoch anderer Meinung. Es fühlt sich komisch an.

Insgesamt neige ich zu Grün oder Blau (Erfolg oder Info). Rote Nachrichten sollten ein Fehler sein, und die gelbe Warnung gibt mir auch das Gefühl, dass ich zusätzliche Maßnahmen ergreifen sollte. Grün sieht nicht wie eine Ablehnung aus (die Ablehnungsschaltfläche ist rot, die Genehmigungsschaltfläche ist grün) und Blau fühlt sich aus irgendeinem Grund auch nicht an.

Welche Option sollte verwendet werden?

68
Luc

Beginnen Sie nicht mit der Auswahl der Farben!

1. Unterscheiden Sie zunächst Benachrichtigungen von Fehlern

Dies ist ein häufiger Punkt der Verwechslung mit UX. Betrachten Sie diese beiden Nachrichten:

  • Sorry, the app has crashed - Dies ist ein Fehler und sollte als Fehler hervorgehoben werden (d. H. Popup-Warnung, Dialog, rote Schaltfläche usw.).
  • You have rejected a date with Kate Upton - Obwohl dies wie ein Fehler klingt, ist es KEIN Fehler. Es ist eine Bestätigungsbenachrichtigung, die auf eine negative Auswahl hinweist.

In Ihrer Situation ist die Bestätigung einer Ablehnung eines Vorschlags kein Fehler, sondern eine Benachrichtigung.


2. Treffen Sie dann Ihre Layoutentscheidung

Jetzt, da Sie wissen, dass es sich um eine Benachrichtigung handelt, sollten Farb- und Layoutauswahl mit anderen Benachrichtigungen in Ihrer App/Site übereinstimmen.

Daher ist es unmöglich, die Frage der Farbauswahl zu beantworten, ohne zu sehen, wie die positive Benachrichtigung (angenommener Vorschlag) aussieht .

Nehmen wir an, Sie haben zwei Benachrichtigungen: Proposal accepted und Proposal rejected.

  • Im Allgemeinen ist es heutzutage keine gute Idee, farbige Hintergründe zu verwenden, um die beiden zu unterscheiden, da es für den Benutzer schwierig wird, beide als Benachrichtigungen zu erkennen.
  • Es ist besser, ein gemeinsames Layout für Benachrichtigungen zu wählen (z. B. schwarzer Hintergrund oder Toast ) und dann die Annahme-/Ablehnungsnachricht INNERHALB der Benachrichtigung zu übermitteln.

enter image description here

  • Wenn Sie den Akzeptanz-/Ablehnungsstatus deutlicher hervorheben müssen, können Sie Statussymbole oder farbige Farbfelder verwenden, um den Status hervorzuheben, aber das konsistente Layout der Benachrichtigung beibehalten (in diesem Beispiel den allgemeinen schwarzen Hintergrund).

enter image description here

Die spezifische Farbe, Form und Animation der Benachrichtigungen hängt von Ihrem App-Layout und Ihrer Farbpalette ab. Was auch immer es ist, es sollte zwischen Akzeptieren und Ablehnen konsistent sein, damit beide Benachrichtigungen eindeutig als dieselbe Art wahrgenommen werden.

97
tohster

In diesem Fall würde ich empfehlen, sich für Bestätigungsmeldungen von der Farbe zu entfernen.

Ich sage dies, weil es für den Benutzer verwirrend sein kann, insbesondere weil Sie Rot und Grün für "Ablehnen" und "Akzeptieren" verwenden. Wenn sie also erfolgreich eine Aktion ausgeführt haben, die von Rot nach Grün wechselt, kann dies zu einer desorientierenden und unwürdigen zusätzlichen kognitiven Überflutung führen.

Werfen Sie einen Blick auf Google, wie sie es mit sogenannten Snackbars und Toasts machen.

enter image description here

Wenn Sie Farben eliminieren und eine Sprache wie "Erfolgreich" verwenden, wie Sie bereits erwähnt haben, geht es weniger um das mentale Modell, das mit bestimmten Farben verbunden ist, als vielmehr um die Botschaft.

Edit :
Habe gerade gesehen, wie Daniel mit einer sehr ähnlichen Lösung geantwortet hat!

Wenn Sie andere Nachrichten haben, müssen Sie dem von Ihnen erstellten Muster folgen.

Wenn dies als erfolgreicher Abschluss einer Aktion angesehen wird und alle anderen erfolgreichen Aktionen eine grüne Nachricht erhalten, muss dies eine grüne Nachricht erhalten.

47
Andrea Tate

Inbox Notification

Ich finde, dass der graue Hintergrund mit weißem Text ein sehr neutrales Gefühl vermittelt und auch auf dem Auge gut aussieht. Wenn es nicht gut oder schlecht ist, würde ich grün oder rot vermeiden.

23
Daniel Zahra

Die Nachricht zeigt eine erfolgreiche Aktion an. Wenn Sie also Farbstichwörter verwenden, sollte diese Nachricht die Farbe des Erfolgs verwenden: in Ihrem Fall grün. Die Gefahrenfarbe (in diesem Beispiel rot) sollte verwendet werden, wenn der Benutzer etwas Destruktives tun möchte (z. B. "Möchten Sie wirklich löschen?") dies? "), aber die Nachricht, nach der Sie fragen, ist für, wenn der Benutzer es bereits getan hat . Die Gefahr ist vorbei, daher sollten Sie keine Farbstichwörter verwenden, die darauf hinweisen könnten, dass die Gefahr noch besteht.. Es sei denn natürlich, die Situation ist aus einem anderen Grund gefährlich.

8
The Spooniest

Es gibt bereits einige gute Antworten, die Sie davon abhalten, sich von Farben zu entfernen. Ich stimme ihnen zu. In Anbetracht der Beziehungen zwischen Farbenblindheit und Kultur Farben sollten immer als sekundäre Art der Informationsvermittlung verwendet werden. Wenn Sie jedoch mit einer Anwendung arbeiten, die bereits Warnungen für Erfolg und Misserfolg enthält, die Farbstichwörter verwenden, möchten Sie konsistent sein.

In diesem Szenario ich würde mich an die Farbe halten, in der alle Erfolge angezeigt werden. Es ist eine Bestätigung einer Benutzeraktion. Ich werde die Nachricht mit einem entsprechenden Symbol für Info, Erfolgstick oder einem falschen Kreuz oder irgendetwas anderem ergänzen.

Wenn Sie Rot verwenden, wird außerdem schnell eine Antwort vom Benutzer ausgelöst, sofern es anwendungsübergreifend für Fehler verwendet wird. Er erwartet Möglichkeiten, um Fehler zu korrigieren, auf die er gestoßen sein muss. In diesem Fall liegt kein Fehler vor, es handelt sich also um einen Fehlalarm. Sie möchten kein System erstellen, das nicht konsistent und programmgesteuert ist und absichtlich Fehlalarme erzeugt.. Dies wirkt sich auch auf Ihre anderen Fehlermeldungen aus. Benutzer müssen eine gewisse intellektuelle Belastung verarbeiten, um von einer negativen Bestätigung gegenüber einem tatsächlichen Fehler zu unterscheiden.

Außerdem gehen Sie von einer Ablehnung oder einer negativen Aktion aus. Das Löschen von Aktionen ist von Natur aus gefährlich/schlecht usw. Was definitiv nicht der Fall sein kann. Eine von der Norm abweichende Fehlermeldung erweckt den Eindruck, dass der vom Benutzer durchgeführte Vorgang in einem schlechten Licht steht. Das würdest du nicht wollen.

Die Antworten, die sich von Farben fernhalten, zeigen dies auch auf eine nachrichtenunabhängige Weise. Ihre Benachrichtigungen und Warnungen sollten nicht vom Inhalt abweichen. Diese sollten allgemeiner Natur sein und grundsätzlich einen Erfolg oder Misserfolg einer Operation anzeigen.

7
Sol