Stellen Sie wichtige Informationen in den richtigen Kontext.
6 Prüfpunkte · 2 Inhaltsgruppen
Inhalt der Checkliste
Prüffortschritt
01
Struktur und Bedeutung
Vergleichen Sie Informationen und Präsentation im Nutzungskontext.
02
Interaktion und Benutzerfreundlichkeit
Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.
Der Fortschritt wird automatisch in diesem Browser gespeichert.
ANLEITUNG
So prüfen Sie
01
Prüfen Sie, ob die Nachricht nach der Verarbeitung noch relevant ist
Führen Sie die empfohlene Aktion aus und kehren Sie dann zum Bildschirm zurück. Das Banner muss aktualisiert werden oder verschwindet, wenn das Problem behoben ist. Lassen Sie nicht zu, dass alte Informationen die Benutzer weiterhin beunruhigen.
BEISPIELE
Anwendungsbeispiele
Kontoinformationen müssen hinzugefügt werden
Das Banner „Komplette Informationen zum Fortfahren“ verfügt über eine Schaltfläche, um zum richtigen fehlenden Abschnitt zu gelangen. Nach dem Hinzufügen erscheint das Banner nicht mehr.
Varianten und Anwendungsfälle
Schweregrad der Meldung
Information, Warnung, Fehler und Erfolg mit Beschriftung oder Symbol zusätzlich zur Farbe unterscheiden.
Den Banner ohne Farbe lesen: Aufmerksamkeitspflicht und reine Information bleiben unterscheidbar.
Beispiel „Zahlung nicht abgeschlossen“ enthält ein Warnsymbol und eine Aktion zur Überprüfung.
Neue Aktualisierungen
Änderungen gespeichert
Neue Aktualisierungen
Bitte überprüfen Sie die Angaben.
Aufbau der Meldung
Zuerst das Ereignis nennen, dann Auswirkungen und nächsten Schritt knapp erklären.
Lange Meldungen und dynamische Zahlen testen: Wichtige mobile Aktionen bleiben sichtbar.
Beispiel „Die Sitzung läuft bald ab. Entwurf vor der erneuten Anmeldung speichern.“
Neue Aktualisierungen
Änderungen vor dem Fortfahren prüfen.
Bitte überprüfen Sie die Angaben.
Änderungen vor dem Fortfahren prüfen.
Zugehörige Aktionen
Die passende Problemlösung priorisieren und bei nicht verpflichtenden Meldungen optional Schließen anbieten.
Die Aktion ausführen und zurückkehren: Nach der Lösung erscheint kein Fehlerbanner mehr.
Beispiel „Erneut verbinden“ gehört zur Verbindungswarnung und führt nicht zur Startseite.
Neue Aktualisierungen
Änderungen vor dem Fortfahren prüfen.
Bitte überprüfen Sie die Angaben.
Änderungen vor dem Fortfahren prüfen.
Kontrast zur Seite
Meldungen deutlich hervorheben, ohne den Hauptinhalt zu verdrängen.
Banner auf farbigem Hintergrund und im dunklen Design testen: Text, Links und Schaltflächen bleiben lesbar.
Beispiel Ein Warnbanner hat Rahmen und Symbol; die Beschreibung bleibt in gut lesbarer Schriftgröße.
Neue Aktualisierungen
Neue Aktualisierungen
Symbole passend zur Bedeutung
Symbole für die Meldungsart verwenden, während die Textbeschriftung die Hauptinformation trägt.
Das Symbol ausblenden und erneut lesen: Die Meldung bleibt eigenständig verständlich.
Beispiel Ein Schlosssymbol begleitet „Sie haben keine Bearbeitungsberechtigung“.
Änderungen gespeichert
Neue Aktualisierungen
Position der Meldung
Meldungen nahe am betroffenen Bereich platzieren; sitzungsweite Hinweise können oben stehen.
Die Seite scrollen und die Tastatur öffnen: Der Banner verdeckt keine zugehörige Aktionsschaltfläche.
Beispiel Filterfehler stehen bei den Ergebnissen, Wartungshinweise oben auf der Seite.
