Toast-Benachrichtigungen sind schlechte UX

 (maxschmitt.me)
2 Punkte von GN⁺ 2024-08-21 | 2 Kommentare | Auf WhatsApp teilen
  • Das Kernproblem bei Toasts ist, dass sie immer weit entfernt von der Aufmerksamkeit der Nutzer erscheinen
  • Probleme mit dem YouTube-Toast
    • Die gesamte Interaktion ist sehr umständlich
      • Man klickt auf die Schaltfläche „Speichern“ auf der rechten Seite des Bildschirms
      • In der Mitte des Bildschirms erscheint ein Modal
      • Unten links auf dem Bildschirm erscheint ein Toast
    • Weitere Probleme
      • Der Toast erscheint verzögert, ohne Ladeanzeige
      • Wenn man im Modal ein Kontrollkästchen aktiviert oder deaktiviert, muss man einige Sekunden warten, bis der vorherige Toast verschwindet, um einen Bestätigungs-Toast für die neueste Aktion zu erhalten
      • Die Schaltfläche „Rückgängig“ im Toast ist unnötig. Der Nutzer kann einfach erneut auf das Kontrollkästchen klicken
  • Lösung: Toast entfernen
    • Durch eine einfache Neugestaltung der „Speichern“-Interaktion lassen sich alle Probleme lösen
      • Die Wiedergabeliste wird direkt unter der Schaltfläche statt in einem Modal angezeigt
      • Nach dem Aktivieren/Deaktivieren des Kontrollkästchens erscheint eine Ladeanzeige
      • Wenn die Ladeanzeige verschwindet, bedeutet das, dass die Aktion abgeschlossen ist
      • Ein Toast ist nicht nötig
  • Zwei weitere Beispiele
      1. Bestätigung, dass ein Element hinzugefügt/entfernt wurde
      • Wenn man in Gmail eine E-Mail archiviert, erscheint ein Toast zur Bestätigung. Aber beim Archivieren verschwindet die E-Mail aus der Liste und signalisiert damit bereits, dass die Aktion erfolgreich war
      • Hinweis: Für die Rückgängig-Funktion und bei der Nutzung von Tastenkürzeln kann Toast-Feedback nützlich sein
      1. Bestätigung, dass ein Element kopiert wurde
      • Nachdem ein Element in die Zwischenablage kopiert wurde, erscheint ein Toast. In diesem Beispiel enthält die Schaltfläche selbst bereits die Bestätigung, daher ist der Toast völlig unnötig
  • Es könnte noch schlimmer sein
    • Noch schlechter als ein Toast ist gar kein Feedback
    • Wenn keine Zeit bleibt, einen besseren Feedback-Mechanismus zu entwerfen oder zu implementieren, ist ein Toast besser als gar keiner

Zusammenfassung von GN⁺

  • Dieser Artikel erklärt die negativen Auswirkungen von Toasts auf die User Experience und stellt Alternativen zu ihrer Behebung vor
  • Anhand von Beispielen aus YouTube und Gmail werden die Probleme von Toasts konkret erläutert
  • Statt Toasts werden intuitivere und unmittelbarere Feedback-Mechanismen vorgeschlagen
  • Um die User Experience zu verbessern, ist es wichtig, Feedback-Mechanismen sorgfältig zu gestalten

Verwandte Beiträge

2 Kommentare

 
wkang586 2024-08-26

Also heißt das, dass schlechte Toasts schlecht sind??
 
GN⁺ 2024-08-21
Hacker-News-Kommentar

  • Die Notwendigkeit von Toast-Benachrichtigungen

    • Ich stimme nicht der Behauptung zu, dass redundante Informationsvermittlung in der UX schlechte UX sei
    • Redundante Informationsvermittlung erfüllt die Funktion, sicherzustellen, dass die Nachricht eindeutig ankommt
    • Toasts übermitteln den Status aller Aktionen auf standardisierte Weise und helfen Nutzern dabei, Muster schnell zu erlernen
    • Wenn bestimmte Indikatoren zusammen mit Toasts verwendet werden, wird die Bedeutung klarer
    • Entfernt man Toasts, entsteht für Nutzer die Belastung, „abgeschlossen“ auf verschiedene Weisen verstehen zu müssen
    • Besonders für ältere Menschen, Sehbehinderte und Kinder ist das unpraktisch

  • Nachteile von Toast-Benachrichtigungen

    • Problematisch wird es, wenn Toasts zu schnell verschwinden oder unnötig Aufmerksamkeit auf sich ziehen
    • Im traditionellen Desktop-Ansatz werden Fehlermeldungen modal angezeigt, Erfolgsmeldungen dagegen in der Statusleiste
    • Die Statusleiste funktioniert wie die letzte Zeile der Ausgabe in einem CLI-Terminal und bietet ein Popup, in dem frühere Meldungen eingesehen werden können

  • Das YouTube-Beispiel

    • Beim Löschen eines Kommentars auf YouTube erscheinen zwei Toast-Benachrichtigungen
    • Löscht man mehrere Kommentare schnell hintereinander, erscheinen die Toasts zur Bestätigung jeder Löschung nacheinander, was Zeit kostet

  • Die Notwendigkeit eines Undo-Buttons

    • Ein Undo-Button ist nützlich, wenn man versehentlich klickt
    • Wenn man die Anwendung nicht gut kennt, ist es allein über die Meldung nicht leicht, einfach ein Undo auszuführen

  • Vorteile von Toasts

    • Toasts bieten eine Standardimplementierung, die die Benutzbarkeit eines Systems erhöht
    • Den meisten Systemen fehlt das Personal, um anspruchsvollere Designprobleme zu lösen

  • Angemessene Verwendung von Toasts

    • Toasts sind nur für Benachrichtigungen geeignet, die nicht mit einer Benutzeraktion zusammenhängen
    • Feedback zu Benutzeraktionen sollte im Kontext der jeweiligen Aktion gegeben werden
    • Bei asynchronen Aufgaben sollte sofort angezeigt werden, dass die Aufgabe aussteht, und es sollten Optionen zum Abbrechen und zur Fortschrittsanzeige bereitstehen

  • Toasts und Inline-Feedback

    • Toasts sind eine universelle und nicht störende Methode zur Bestätigung von Benutzeraktionen
    • Inline-Feedback kann, wenn es falsch eingesetzt wird, Verwirrung stiften

  • Kritik am Alternativvorschlag des Autors

    • Ladeindikatoren können das Problem verursachen, dass Fehler nur schwer an Nutzer vermittelt werden können
    • Man sollte bedenken, warum Google und die meisten UI-Bibliotheken Toast-/Benachrichtigungsmeldungen verwenden
    • Die Meinung des Autors kommt einer persönlichen Ansicht näher als einer analytischen Schlussfolgerung
    • Persönlich bevorzuge ich die UX von Toasts und Benachrichtigungen