Web-Usability: alert / Benachrichtigung - wie Aufmerksamkeit zu erregen?

StackOverflow https://stackoverflow.com/questions/1505471

  •  19-09-2019
  •  | 
  •  

Frage

Ich baue eine Web-Anwendung, in der eines der Merkmale verursacht Benutzer in Echtzeit benachrichtigt werden, wenn eine Warnung an sie betreffenden auftritt, ähnlich wie die großen orange bar in Stack-Überlauf.

Ich habe ein paar Optionen, und ich frage mich, ob es eine Usability-Richtlinie über den besten Weg, um darüber zu gehen. Eine Möglichkeit ist ein kleines Benachrichtigungen Feld auf dem Bildschirm zu haben, die Farben blinkt, wenn eine Warnung angezeigt wird, aber ich mache mir Sorgen, dass eine einfache, wiederholte Änderung der Farbe nicht ausreichen wird, um die Aufmerksamkeit des Benutzers zu gewinnen.

Eine andere Möglichkeit ist es, ein Fenster zu haben, kommen über den Bildschirm schweben, die Aufmerksamkeit des Benutzers anspruchsvoll, aber ich habe immer jene aufdringlichen zu sein. Vielleicht könnte eine andere Form der Animation weniger ärgerlich, aber ebenso wahrscheinlich die Aufmerksamkeit des Benutzers?

anziehen

Ich sehe nicht wirklich eine Meinung so viel wie ich bin für eine Usability-Diskussion / Ressource suchen, der diese Art von Entscheidung kommen könnte.

War es hilfreich?

Lösung

Die Antwort hängt davon ab, etwas, wie wichtig es ist, dass der Anwender achten und wie wichtig es ist, dass sie etwas unternehmen? Z.B. ist die Warnung des „Ihr Server abgestürzt nur“ Art oder Art „neue E-Mail von Tante Zelda haben“?

Für die erste Art, aufdringlich etwas ist die beste - entweder Ihre Wahl ein Fenster von schwimmenden oder kann auf auffällige Farbe den Seitenhintergrund ändern (und blinken ??? Schlag mich nicht bitte!). Eine andere nette Art und Weise Aufmerksamkeit erregenden ich sah, war die Seite zu wechseln (und damit ein Browser-Fenster) Titel zu einem blinkenden Satz von „* * * * * *.“ - das ist un-gewöhnlich genug Aufmerksamkeit zu erregen manchmal

Für etwas weniger aufdringliche für weniger kritische allzu Ankündigung-schnell, SO Top-Benachrichtigungsleiste ist eine der besten Lösungen aus Usability-Sicht (wenn nicht die beste), die von den wichtigsten Metriken geht (wie viel Arbeit macht den Benutzer tun muß, um damit umzugehen und sie zu betrachten, und wie intuitiv sein Verhalten ist):

  • Die Augen des Benutzers oberen Rand des Bildschirms reisen häufiger und häufiger als anderswo

  • Es ist sehr einfach, sie wieder loszuwerden, sobald Sie es bemerken - die Bar ist breit (einfach mit der Maus zu treffen, keine horisontal Anpassungen erforderlich) an der Spitze (nicht zu viel feine Maus Arbeit die bekommen Zeiger dort).

Andere Tipps

IMHO sollte die Lästigkeit der Fehlerebene reflektieren ... Bei einem Fehler wird eine Schicht mit der Fehlermeldung, den Benutzer zu verhindern sollte irgendetwas anderes zu tun besser sein. (Fragen Sie sich wie ein Browser, ein Passwort speichern) für eine Benachrichtigung, eine Box, die auf dem oberen Rand der Seite erscheint schön.

Also ich glaube nicht, gibt es eine bessere Lösung ... Es hängt nur von der Art der Warnung ...:)

Schauen Sie sich JGrowl , es ist ein schöner Rahmen für unaufdringlich Benachrichtigungen können Sie finden einig Beispiel-Screenshots hier .

Wenn Sie Ressourcen suchen, schlage ich Do not Make Me Denken von Steve Krug. Seine Website, Erweiterte Common Sense , ist auch eine große Quelle.

Ein weiterer großer Standort für Usability Tipps und Richtlinien ist Jakob Nielsen useit.com

ich an einer Stelle war der andere Tag, die ein Produkt Download-Button hatte. Ich habe auf sie, wie es schien nichts geschehen. Ich klickte es wieder, und der Download-Link, dass die erste Taste erstellt bei mir ein wenig zu schütteln hat. Sehr effektiv und es wurde ein Lachen:

http://haanstra.eu/putty/

Mein System verfügt über drei Arten von Benachrichtigungen. Jede Art der Benachrichtigung wird mit einem Rahmen und Hintergrundfarbe Stil:

  • Erfolg: Grün
  • Warnung: Gelb
  • Fehler: Rot

Warnungen, wie „Sie haben das Feld in nicht richtig füllen!“ Inline gehandhabt werden, so dass keine Pop-ups den Benutzer irritieren.

Ich habe mein System-Benachrichtigungen ein paar Sekunden ausgeblendet - das bedeutet, dass die Benutzer daran gewöhnt sind, um die grüne Box zu sehen, dass nach ein paar Sekunden abklingt. Wenn jedoch ein Fehler oder eine Warnung das Feld auftritt bleibt auf dem Bildschirm direkt vor dem Benutzer, die Aufmerksamkeit fordern.

Ich glaube, Warnungen und Fehler sollten nur verwendet werden, wenn es unbedingt notwendig - auf diese Weise, wenn sie verwendet wird, sie ein hohes Maß an Einfluss aufrechtzuerhalten. In meinem System, Warnungen und Fehler verblassen nicht - sie bleiben für Sie da etwas erinnern nicht ganz richtig ist.

Nach meiner Erfahrung, wenn Sie mit einem Benutzer interagieren gehen, macht es groß und in ihrem Gesicht, aber es ist nicht so viel machen, so dass es den Rest der Seite behindert. Also keine Aufforderungen oder Leuchtkasten Stil Overlays (meiner Meinung nach).

Ich finde die jQuery UI highlight () Effekt-Funktion für unaufdringlich Warnung der Nutzer gut ist, dass sich etwas geändert hat; aber wie schon andere gesagt haben, hängt es von der Wichtigkeit der Nachricht - manchmal nur aufdringliche Sie sein müssen

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top