Bausteine · kanonische Zustände

Vier Zustände, vier verschiedene Wahrheiten, deshalb vier Texte: offline heißt dein Gerät hat kein Netz (Wolke), Netzfehler heißt unterwegs abgerissen (Flieger), Backend heißt bei uns, nicht bei dir (Blitz), Zeitablauf heißt zu langsam, aber nichts passiert (Uhr). Jeder Text sagt zuerst, dass nichts verloren ist, dann was zu tun ist. Keine internen Wörter, keine Schuldzuweisung.

baustein__offline

Gerade kein Empfang

Deine Daten sind sicher gespeichert. Sobald du wieder Netz hast, geht es hier von allein weiter.

Verbindung prüfen Gespeichertes ansehen

baustein__error_generic__netz

Das kam nicht durch

Die Verbindung ist unterwegs abgerissen. Es ist nichts verloren gegangen.

Noch einmal versuchen Zurück

baustein__error_generic__backend

Bei uns hakt es kurz

Das liegt nicht an dir. Wir kümmern uns schon darum, probier es gleich noch einmal.

Noch einmal versuchen Zur Startseite

baustein__timeout

Das hat zu lange gedauert

Die Antwort kam nicht rechtzeitig. Dein Stand ist gespeichert, es ist nichts passiert.

Noch einmal versuchen Später weitermachen

Die Zahlung läuft: der Betrag heißt vorgemerkt, nie abgebucht, solange die Bestätigung fehlt (Autorisierung ist keine Belastung). Der Countdown sitzt IM Kartenkopf, dem Haltband aus dem Buchungsablauf, Format noch M:SS Min. Unbekannter Ausgang: ehrlich sagen, dass wir es nicht wissen, und zusichern, dass nichts doppelt abgebucht wird. Wiederholen: die App versucht es von allein weiter, der Knopf beschleunigt nur.

baustein__provider_pending

Dieser Slot ist für dich reserviert noch8:24Min

Deine Zahlung läuft

Der Betrag ist erst vorgemerkt und noch nicht abgebucht. Das dauert meist unter einer Minute.

Stand aktualisieren Später nachsehen

baustein__provider_unknown

Wir warten auf deine Bank

Ob die Zahlung angekommen ist, wissen wir noch nicht sicher. Es wird nichts doppelt abgebucht. Wir sagen dir Bescheid, sobald es Klarheit gibt.

Stand aktualisieren Zu deinen Buchungen

baustein__retry

Wir versuchen es weiter

Der nächste Versuch startet gleich von allein. Du kannst ihn auch sofort anstoßen.

Sofort versuchen Abbrechen

Beispiel Kontolöschung. Die Konsequenz steht VOR der Entscheidung und ist die ehrliche aus Q-3: anonymisiert, nicht gelöscht. Der sichere Weg trägt das Lila, die Konsequenz ist eine Kontur in der Statusfarbe: destruktiv bestätigt man nie über die Markenfläche, sonst sieht der gefährlichste Knopf aus wie jeder andere Hauptknopf.

baustein__destructive_confirm

Konto wirklich schließen?

Dein Name und deine Kontaktdaten werden entfernt. Deine Spiele und Buchungen bleiben anonymisiert bestehen, sie werden nicht gelöscht.

Konto behalten Konto schließen

S-3: ein deaktiviertes Element erklärt, warum. Der Knopf wird graue Fläche UND sagt darunter, was ihm fehlt: Grau allein ist keine Erklärung. Beim Slot steht der Zustand als Wort im Slot selbst: frei ist antippbar mit Kontur, vergeben hat keine Kontur, keine Aktion und trägt sein Warum im eigenen Feld.

Als Regel im CSS, nicht als Behauptung im Text: der obere Knopf trägt die :active-Regel brightness(.95) und scale(.98), zum Prüfen gedrückt halten. Der untere zeigt den Fokusring dauerhaft: 2 px Markenlila mit 2 px Abstand, im echten Einsatz an :focus-visible. Ergänzt markiert, weil S-1 diese beiden nicht als Zustände listet, ein Designsystem sie aber definieren muss.

E-7: eigener Dialog mit klarer Beschreibung, Abbrechen und Zu den Einstellungen, hier als Blatt von unten, Beispiel Mitteilungen. Ohne Vorwurf: „sind ausgeschaltet", nie „du hast abgelehnt". E-8: liefert der Sprung false, nennt ein Hinweis den Pfad in Worten, und der Einstellungen-Knopf wird nicht noch einmal angeboten (ein Knopf, dessen einzige Antwort eine Absage wäre). Im Browser entfällt der Einstellungen-Knopf von vornherein. Ergänzt markiert: nicht in der Achterliste, aber von S-1 („dauerhaft verweigert") und E-7/E-8 verlangt.