Eine Fortschrittsanzeige hilft, einen längeren, vorhersehbaren Ablauf einzuordnen. Sie sollte zeigen, welcher Abschnitt aktuell ist und welche noch folgen. Wenn sich der Weg abhängig von Antworten stark verändert, kann eine starre Anzeige dagegen falsche Sicherheit vermitteln.
Position und Inhalt werden gemeinsam benannt
Das Beispiel des USWDS Step indicator zeigt abgeschlossene, aktuelle und noch ausstehende Abschnitte. Zusätzlich benennt eine Überschrift den aktuellen Schritt und seine Position. Die Segmente sind damit nicht die einzige Information darüber, was gerade passiert.
Die offiziellen Beispieldaten zeigen einen linearen Ablauf. Sie messen weder Bearbeitungszeit noch die Wahrscheinlichkeit eines Abschlusses. „Schritt drei von fünf“ bedeutet außerdem nicht automatisch, dass 60 Prozent der Arbeit erledigt sind. Ein einzelner Abschnitt kann deutlich aufwendiger sein als die anderen.
Die Anzeige ist keine Navigation
USWDS beschreibt den Step indicator als Ergänzung zu Vor- und Zurück-Aktionen. Die Anzeige soll den Ablauf einordnen, nicht ohne weitere Logik alle Schritte frei anwählbar machen. Wenn du Sprünge erlaubst, musst du klären, was mit unvollständigen Angaben und abhängigen Fragen passiert.
Für eine Projektanfrage könnten Kontaktdaten, Projektbeschreibung und Prüfung sinnvolle Abschnitte sein. Ob dieser Umfang bereits eine Fortschrittsanzeige braucht, hängt vom tatsächlichen Aufwand ab. Eine kurze Seite gewinnt nicht automatisch durch zusätzliche Prozessgrafik.
Ehrlich bleiben, wenn sich der Weg ändert
Wenn eine Antwort zusätzliche Abschnitte erzeugt, sollte die Anzeige das verständlich berücksichtigen. Vermeide einen Fortschrittsbalken, der scheinbar rückwärts springt, ohne den Grund zu erklären. Vielleicht sind benannte Aufgaben oder eine Übersicht geeigneter als eine feste Prozentzahl.
Auch der Begriff „gespeichert“ braucht einen tatsächlichen technischen Zustand. Wenn Eingaben beim Schließen verloren gehen, darf ein erledigtes Segment keine dauerhafte Sicherung suggerieren. Die Button-Beschriftung und die Fortschrittsanzeige müssen dieselbe Geschichte erzählen.
Mobil und ohne Farbe prüfen
Lange Abschnittsnamen können auf einem kleinen Bildschirm umbrechen oder abgeschnitten werden. Prüfe, ob die aktuelle Position trotzdem verständlich bleibt. Verwende für die Bedeutung nicht nur verschiedene Farben. Abgeschlossene und ausstehende Schritte brauchen eine klare zugängliche Kennzeichnung.
Teste einen vollständigen Ablauf vorwärts und rückwärts. Ändere eine frühere Antwort und beobachte, welche späteren Angaben dadurch ungültig werden. Die Anzeige sollte den realen Zustand widerspiegeln, statt nur die höchste jemals erreichte Schrittnummer zu speichern.
Abschnitte sind keine Zeitmessung
Eine Anzeige mit drei Schritten beschreibt zunächst eine Struktur. Daraus folgt nicht, dass jeder Schritt gleich lange dauert. Wenn der erste Abschnitt nur eine Auswahl enthält und der zweite mehrere Dokumente benötigt, wäre eine daraus abgeleitete Prozentzahl als Zeitprognose irreführend. Zeige bevorzugt das, was du tatsächlich weißt: abgeschlossene, aktuelle und noch vorgesehene Abschnitte.
Benannte Abschnitte helfen, die verbleibende Aufgabe einzuschätzen. „Kontakt“, „Angaben“ und „Prüfen“ vermitteln mehr als drei unbeschriftete Kreise. Ergänze bei Bedarf vor dem Start, welche Informationen benötigt werden. Eine Fortschrittsanzeige kann fehlende Vorbereitungshinweise nicht ersetzen.
Verzweigungen müssen ehrlich dargestellt werden
Manche Antworten öffnen zusätzliche Fragen, andere überspringen einen Bereich. Entscheide, wie die Anzeige diese Änderungen abbildet. Eine fest versprochene Schrittzahl, die plötzlich wächst, kann verwirren. Eine Gliederung nach stabilen Abschnitten kann in solchen Abläufen verständlicher sein als das Zählen jeder einzelnen Seite.
Auch der Status abgeschlossen braucht eine klare Bedeutung. Wenn eine spätere Antwort frühere Angaben ungültig macht, darf der alte Abschnitt nicht unbemerkt als fertig erscheinen. Die Person muss verstehen können, welche Korrektur erforderlich ist und warum. Sichtbare Darstellung und fachliche Prüfung gehören deshalb zusammen.
Zurückgehen ist nicht automatisch Datenverlust
Wenn abgeschlossene Schritte erneut geöffnet werden können, sollte klar sein, welche Angaben erhalten bleiben und wann Änderungen gespeichert werden. Eine Fortschrittsanzeige ist nicht zwingend eine Navigation; wenn ihre Elemente klickbar sind, müssen sie sich entsprechend verlässlich verhalten. Vermeide eine Gestaltung, die Verlinkung suggeriert, obwohl keine Aktion möglich ist.
Teste den Ablauf nicht nur vorwärts. Gehe nach mehreren Eingaben zurück, ändere eine entscheidende Antwort und prüfe die Anzeige erneut. Unterbrich den Vorgang und kehre zurück, sofern das Produkt dies unterstützt. Erst diese Situationen zeigen, ob die dargestellte Position dem tatsächlichen Zustand entspricht. Gute Fortschrittsinformation bleibt auch bei einer Korrektur verständlich und behauptet keine Sicherheit, die der Prozess nicht bietet.
Vor dem endgültigen Abschluss kann eine Prüfung der Angaben sinnvoll sein. Nach dem Erfolg erklärt die Bestätigungsseite, was als Nächstes passiert. So endet die Orientierung nicht am letzten Segment.
