Toast Designsystem

Kurzes Feedback nach Aktion ohne blockierende Arbeit.

8 Prüfpunkte · 3 Inhaltsgruppen

Inhalt der Checkliste

Prüffortschritt

Struktur und Bedeutung

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

Geben Sie spezifische Ergebnisse anZeigt an, welche Aktionen abgeschlossen sind oder ausstehen.Informationen, die entschieden oder korrigiert werden müssen, sollten länger sein als der Toast.Beispiel „3 Elemente ins Archiv verschoben“ mit der Schaltfläche „Rückgängig“.Decken Sie nicht die Hauptaktion abHalten Sie Toast von der Tastatur, der Navigationsleiste und den verwendeten Tasten fern.Versuchen Sie, mit der Navigationsleiste, der Tastatur und den festen Tasten Ihres Telefons anzustoßen, damit nicht verdeckt wird, was Sie gerade tun.Nehmen Sie sich ausreichend Zeit zum LesenDie angezeigte Zeit muss eine angemessene Länge haben und nicht weitergezählt werden, wenn der Benutzer interagiert.Lesen Sie die Benachrichtigung langsam durch und versuchen Sie, die darin enthaltene Aktion auszuführen. Nehmen Sie sich für beides ausreichend Zeit.

Interaktion und Benutzerfreundlichkeit

Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.

Die Aktion ist weiterhin verfügbarWenn es ein Rückgängigmachen gibt, geben Sie es über die Tastatur ein und reagieren Sie auf das Ergebnis.Wenn der Rückgängig-Timer abläuft, muss das Ergebnis noch überprüft werden, damit der Benutzer nicht den gesamten Kontext verliert.Lesen Sie Updates, ohne den Fokus zu ändernBenachrichtigen Sie Inhalte, um Tools zu unterstützen, aber lenken Sie den Fokus nicht von der Aufgabe ab.Behandeln Sie mehrere Benachrichtigungen hintereinanderSammeln oder sortieren Sie nützliche Ergebnisse, vermeiden Sie einen neuen Toast, der das abdeckt, was rückgängig gemacht werden muss.Mehrere aufeinanderfolgende Ergebnisse sollten auf begrenzte Weise gruppiert oder sortiert werden. Verhindern Sie, dass wichtige Aktionen durch eine weniger notwendige Nachricht ersetzt werden.

Vervollständigen Sie das Erlebnis

Achten Sie auf Details, die bei der Verwendung des Designs leicht übersehen werden können.

Ermöglichen Sie Benutzern, Benachrichtigungen bei Bedarf zu schließenWenn ein Toast langwierig ist oder eine Aktion beinhaltet, geben Sie eine klare Möglichkeit an, ihn abzulehnen. Wenn es automatisch abläuft, planen Sie genügend Lesezeit ein und behalten Sie den Zugriff auf wichtige Informationen.Für die Schaltfläche „Schließen“ ist ein Benutzername erforderlich. Durch das Schließen des Toasts sollten die Ergebnisse der durchgeführten Aktion nicht gelöscht werden.Unterscheiden Sie Feedback-Typen mit mehreren HinweisenVerwenden Sie konsistente Formulierungen, Symbole und Präsentationen für Erfolg, Informationen, Warnungen und Fehler, anstatt sich nur auf die Farbe zu verlassen.Versuchen Sie, den Toast zu lesen, ohne die Farbe zu sehen, um zu überprüfen, ob der Benutzer die Ergebnisse und nächsten Schritte noch versteht.

Der Fortschritt wird automatisch in diesem Browser gespeichert.

ANLEITUNG

So prüfen Sie

Geben Sie spezifische Ergebnisse an

Informationen, die entschieden oder korrigiert werden müssen, sollten länger sein als der Toast.

BEISPIELE

Anwendungsbeispiele

Geben Sie spezifische Ergebnisse an

„3 Elemente ins Archiv verschoben“ mit der Schaltfläche „Rückgängig“.

Toast Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Geben Sie spezifische Ergebnisse an

Anwendungsbeispiele

Geben Sie spezifische Ergebnisse an

Schnelle Aktionen

Statussymbol

Position ohne überdeckte Aktionen

Anzeigedauer

Checkliste suchen

Keine Checklisten gefunden

Toast Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Geben Sie spezifische Ergebnisse an

Anwendungsbeispiele

Geben Sie spezifische Ergebnisse an

Varianten und Anwendungsfälle

Schnelle Aktionen

Statussymbol

Position ohne überdeckte Aktionen

Anzeigedauer