Ein Besucher drückt auf eine Schaltfläche, und scheinbar passiert nichts. Vielleicht ist die Anfrage gerade auf dem Weg zu einem Server; vielleicht ist der Vorgang bereits abgeschlossen; vielleicht ist die Verbindung ausgefallen. Ein sich drehendes Zierelement beseitigt diese Ungewissheit nicht. Das Warten ist Teil der Benutzeroberfläche und verdient dieselbe redaktionelle Sorgfalt wie das endgültige Ergebnis.
Die Arbeit benennen, nicht nur die Verzögerung
Beginnen Sie mit der Aktion, für die sich die Person entschieden hat. „Vergleich wird vorbereitet“ ist aussagekräftiger als ein einzelnes Ladesymbol, weil die Meldung die Pause mit der Aufgabe verknüpft. Platzieren Sie die Erklärung in der Nähe des betroffenen Inhalts. Der Rest der Seite sollte nicht ohne Erklärung zu einer leeren Fläche werden, wenn nur ein kleiner Abschnitt aktualisiert wird.
Erfinden Sie keine Genauigkeit. Eine Prozentangabe ist nur dann hilfreich, wenn das System einen aussagekräftigen Fortschritt messen kann. Ein Countdown, der von vorn beginnt, oder eine Fortschrittsanzeige, die bei neunundneunzig Prozent stehen bleibt, erzeugt ein Versprechen, das die Oberfläche nicht halten kann. Ist die verbleibende Zeit unbekannt, beschreiben Sie, was geschieht, ohne einen Endzeitpunkt zu erfinden.
Eingang und Abschluss unterscheiden
Das Drücken einer Schaltfläche, der Eingang einer Anfrage und der Abschluss der angeforderten Arbeit sind nicht dasselbe Ereignis. Legen Sie fest, was jede Meldung bedeutet, bevor Sie ihre Farbe oder Animation auswählen. Eine Datei zur Verarbeitung anzunehmen bedeutet zum Beispiel nicht, dass sie bereits geprüft wurde; eine Anfrage zu speichern bedeutet nicht, dass jemand darauf geantwortet hat.
Zeigen Sie einen Erfolg erst an, wenn die entsprechende Bestätigung vorliegt. Ist das Ergebnis ungewiss, bewahren Sie diese Unterscheidung, statt ein beruhigendes grünes Häkchen anzuzeigen. Klare Zustände helfen auch später im Gespräch mit dem Support: Der Besucher kann beschreiben, was die Seite tatsächlich gemeldet hat, statt raten zu müssen.
Aktualisierungen auch ohne Sicht zugänglich machen
Eine kleine Veränderung am Bildschirmrand kann leicht übersehen werden. Die Erläuterung des W3C zu Statusmeldungen behandelt Aktualisierungen zu Ergebnissen, Wartezeiten oder Fortschritten, die den Fokus des Nutzers nicht verschieben. Geeignete Rollen oder Eigenschaften ermöglichen es assistiven Technologien, diese Meldungen auszugeben, ohne die Person in einen neuen Kontext zu zwingen.
Für einen Bereich, der mehrere zusammengehörige Aktualisierungen erhält, beschreibt MDN aria-busy als Möglichkeit, zu kennzeichnen, dass die Änderungen noch nicht abgeschlossen sind. Setzen Sie den Wert wieder auf false, wenn die Aktualisierung beendet ist. Das Attribut stellt für sich genommen keine visuelle Ladeanzeige dar, und sein Hinzufügen ersetzt nicht die Prüfung der tatsächlichen Ausgabe und des sichtbaren Textes.
Einen sicheren nächsten Schritt anbieten
Warten sollte nicht in einer Sackgasse enden. Bewahren Sie die Eingaben des Besuchers nach Möglichkeit auf, erklären Sie einen Fehler in verständlicher Alltagssprache und bieten Sie eine zum Vorgang passende nächste Aktion an. „Erneut versuchen“ ist nicht automatisch sicher: Wenn die erste Anfrage bereits erfolgreich gewesen sein könnte, kann eine zweite Übermittlung ein Duplikat erzeugen. Klären Sie das Ergebnis, bevor Sie zu einer Wiederholung auffordern.
Wenn ein Abbruch möglich ist, machen Sie seine Wirkung deutlich. Die sichtbare Animation anzuhalten ist nicht dasselbe, wie die Arbeit auf dem Server abzubrechen. Ein Weg zurück zur Seite kann hilfreich sein, sollte aber nicht unbemerkt die bisherigen Eingaben der Person verwerfen. Die Grundsätze für hilfreiche Fehlermeldungen in Formularen gelten auch hier: Beschreiben Sie die Situation und den sinnvollen nächsten Schritt.
Auch die schwierigen Zwischenzustände testen, nicht nur den erfolgreichen Abschluss
Prüfen Sie eine schnelle Antwort, eine langsame, einen Fehler und ein ungewisses Ergebnis. Achten Sie darauf, ob die Meldung zum richtigen Zeitpunkt erscheint, ob wiederholte Klicks gezielt behandelt werden und ob der Tastaturfokus an einer sinnvollen Stelle bleibt. Prüfen Sie auch die Darstellung bei reduzierten Bewegungen: Die Bedeutung muss ohne einen Dreh- oder Pulseffekt erhalten bleiben.
Überprüfen Sie diese Zustände im Rahmen der laufenden Website-Pflege erneut, wenn sich der zugrunde liegende Dienst ändert. Das Ziel ist nicht, jede Wartezeit unterhaltsam zu gestalten. Es geht darum, dem Besucher eine ehrliche Antwort auf drei Fragen zu geben: Was geschieht gerade, was ist bekannt und was kann ich als Nächstes tun?