FACHANWENDUNG · BILDSCHIRM 1 · TRÄGT ALLE ANDERENDEMO

Die Zustandsfläche

Jede Fläche, die Daten zeigt, kennt vier Zustände: leer · lädt · Fehler · gefüllt. Zwei weitere kommen dazu, wenn mehrere Quellen lesen oder ein Diagramm zählt. Alle behalten dieselbe Höhe.

öffnet die drei getrennten Meldewege, sendet nichts; Endpunkte je Behörde stehen noch aus
sofort, ohne Rückfrage; Eingaben bleiben gespeichert
FASSUNG 0.1.0+stempel.bc91bf9092dc9e0a6ed80f3c+git.ohne-git+app.4bbed5aa Stand gelesen um 2026-10-29 09:02:14Z · über /version maschinenlesbar

Sechs Zustände, vier gelten überall

Beispiel: die Klärfälle-Liste der Abrechnung · Höhe der Fläche immer 300 px
ZUSTAND 1GILT ÜBERALL

Leer

Auslöser
Der Abruf ergab null Positionen.
Regel
Vier Angaben: Aussage · Stand · geprüfter Umfang · Quelle. Nie „nichts gefunden“.

Klärfälle · Abrechnung August

DEMO
0 von 214 Positionen offen
Aussage
Alle Positionen stimmen mit dem bewilligten Kontingent überein.
Stand
heute 06:15
Geprüfter Umfang
214 von 214 Positionen
Quelle
Abrechnung gegen Rahmenvertrag BB · Stand 01.01.2024
ZUSTAND 2GILT ÜBERALL

Lädt

Auslöser
Abruf dauert länger als 200 ms.
Regel
Erscheint frühestens nach 200 ms, bleibt dann mindestens 400 ms. Kein Kreisel, kein Schimmer, kein Balken.

Klärfälle · Abrechnung August

lädt · seit 0,4 s
Wird geladen. Erwartet: 214 Positionen aus der Abrechnung.
Letzter bekannter Stand: heute 06:15, 0 offen. Er wird unten angezeigt, sobald der Abruf länger als 8 Sekunden dauert.
ZUSTAND 3GILT ÜBERALL

Fehler

Auslöser
Fehlerantwort oder 8 s ohne Antwort.
Regel
Zweiter Weg statt derselben Tür; Datenstand von wann; Weg zum letzten Stand. Fokus wandert auf die Überschrift.

Klärfälle · nicht abrufbar

← Fokus springt hierher
Störung · Abrechnungsdienst antwortet seit 06:41 nicht

Letzter bekannter Stand: heute 06:15 · 214 von 214 geprüft · 0 offen.

Papierweg: Prüfliste Abrechnung August, Ordner Verwaltung. Kein „Erneut versuchen“: dieselbe Tür ist zu.
ZUSTAND 4GILT ÜBERALL

Gefüllt

Auslöser
Alle Quellen haben geantwortet.
Regel
Nenner und Stand in der Kopfzeile. Geordnet nach Alter, älteste zuerst: ein alter kleiner Fall verjährt vor einem frischen großen. Kennungen und Beträge brechen nie um.

Klärfälle · Abrechnung August

3 von 214 offen · Stand 06:15 · geprüft 214 von 214
Geordnet nach Alter, älteste zuerst
Pos. 0512-03 · Jugendliche, 14 J. · BIRKE-4127-QNAT 42,00 € 90 Tage
Pos. 0703-11 · Leistungsberechtigter, 31 J. · ERLE-7392-KWZD 1.284,50 € 41 Tage
Pos. 0812-07 · Jugendlicher, 16 J. · AHORN-2648-TPXM 96,00 € 11 Tage
ZUSTAND 5BEI MEHREREN QUELLEN

Teilweise

Auslöser
Einige von mehreren Quellen fehlen.
Regel
Zähler „4 von 6 Quellen“ und die fehlenden namentlich. Keine Summe über Lücken.

Klärfälle · Abrechnung August

4 von 6 Quellen gelesen
Hinweis · Zahlen unvollständig, keine Summe gebildet
Abrechnunggelesen 06:15
Dienstplangelesen 06:15
Kontingentegelesen 06:14
Verlaufgelesen 06:15
Kassefehlt · antwortet nicht
Vertragsmanagementfehlt · keine Berechtigung
Es fehlen: Kasse (antwortet nicht) und Vertragsmanagement (keine Berechtigung). Beide namentlich, nie „2 fehlen“.
ZUSTAND 6NUR DIAGRAMME

Unter Mindestgruppengröße

Auslöser
Eine Gruppe im Diagramm hat N < 5.
Regel
Keine Zahl, sondern der Satz, warum nichts steht, und ab wann etwas stünde.

Klärfälle · Abrechnung August

Stand 06:15
Wohngruppe Nord
312 h Wohngruppe Ost
244 h Wohngruppe West
176 h Wohngruppe Süd
Keine Zahl: weniger als 5 Personen. Ein Wert ließe sich auf einen Menschen zurückführen. Wird ab 5 Personen oder zusammengefasst mit West gezeigt.

Die Übergänge als Folge

Neben jedem Pfeil stehen Auslöser und Dauer. Zwei Zeiten sind Lesezeit, keine Bewegung: „lädt“ erscheint frühestens 200 ms nach dem Abruf und bleibt dann mindestens 400 ms. Der Wechsel selbst ist ein Fade von 120 ms oder ein harter Schnitt.

leer
≥ 200 ms Schwelle · Fade 120 ms
lädt
≥ 400 ms Haltezeit · Fade 120 ms
teilweise
sofort · Fade 120 ms
gefüllt
Fehlerantwort oder 8 s ohne Antwort
≥ 400 ms Haltezeit · harter Schnitt
Fokus → Überschrift der Fehlerfläche
Fehler
Antwort vor 200 ms: „lädt“ erscheint nie; leer → gefüllt direkt, harter Schnitt.
prefers-reduced-motion: reduce: alles steht. Fades werden 0 ms, jeder Wechsel ein Schnitt. Schwelle, Haltezeit und Fokussprung bleiben; sie sind Lesezeit, nicht Bewegung. Dieses Gerät: wird beim Laden gemessen.

Nachbau-Probe: die Fläche läuft

Zeiten gemessen mit performance.now()
leer → lädt (bei 200 ms) → gefüllt (frühestens 600 ms)
leer → gefüllt; „lädt“ erscheint nie
leer → lädt → teilweise → gefüllt, sobald die letzten Quellen antworten
leer → lädt → Fehler; Fokus springt auf die Überschrift
PROTOKOLL

Drei Breiten

Dieselbe gefüllte Fläche bei 375 px, 640 px und voller Breite. Kennungen, Beträge und Zeiten brechen nie um; die Zeile bricht stattdessen in zwei Zeilen.

375 PX · SCHMAL

Klärfälle · August

3 von 214 · Stand 06:15
Pos. 0512-03 · Jugendliche, 14 J. · BIRKE-4127-QNAT 42,00 € 90 Tage
Pos. 0703-11 · Leistungsberechtigter, 31 J. · ERLE-7392-KWZD 1.284,50 € 41 Tage
Pos. 0812-07 · Jugendlicher, 16 J. · AHORN-2648-TPXM 96,00 € 11 Tage
640 PX · MITTEL

Klärfälle · August

3 von 214 · Stand 06:15
Pos. 0512-03 · Jugendliche, 14 J. · BIRKE-4127-QNAT 42,00 € 90 Tage
Pos. 0703-11 · Leistungsberechtigter, 31 J. · ERLE-7392-KWZD 1.284,50 € 41 Tage
Pos. 0812-07 · Jugendlicher, 16 J. · AHORN-2648-TPXM 96,00 € 11 Tage
VOLLE BREITE

Klärfälle · August

3 von 214 · Stand 06:15
Pos. 0512-03 · Jugendliche, 14 J. · BIRKE-4127-QNAT 42,00 € 90 Tage
Pos. 0703-11 · Leistungsberechtigter, 31 J. · ERLE-7392-KWZD 1.284,50 € 41 Tage
Pos. 0812-07 · Jugendlicher, 16 J. · AHORN-2648-TPXM 96,00 € 11 Tage

Farbpaare und Kontrast

Paar · VerwendungDunkelHell
ink / surface · Kennung, Rolle, Text auf der Fläche13,46:118,36:1
ink / ground · Titel14,96:116,92:1
ink-2 / surface · Erkläertext, Fotofläche8,81:18,73:1
ink-3 / surface · Beschriftung, Stand5,31:14,96:1
ink-2 / surface-2 · Schraffierte Kachel7,76:17,38:1
accent-ink / accent · Knöpfe7,62:14,77:1
hinweis / surface · Hinweisrolle (teilweise)6,24:16,77:1
stoerung / surface · Fehlerzustand, Symbol + Wort4,69:16,39:1
schutz / surface · Kante anvertraut, Gesundheit6,82:16,76:1
fokus-kante / fokus · Fokussprung12,30:112,30:1
line-stark / surface · Kanten der Knoten3,33:13,94:1
traeger-1 / surface · Trägerkante 11,53:12,45:1
traeger-2 / surface · Trägerkante 22,61:13,86:1
traeger-3 / surface · Trägerkante 34,28:16,33:1
traeger-4 / surface · Trägerkante 46,75:110,80:1

Entschieden, wo der Auftrag schwieg

  • Feste Höhe der Fläche: 300 px in allen Zuständen, Inhalt darüber hinaus wird abgeschnitten, nicht gescrollt.
  • „Lädt“ ohne Kreisel und ohne Skelett: Text, Erwartung, letzter Stand und drei Haarlinien als Platz.
  • Zeitgrenze für den Fehlerfall: 8 s ohne Antwort. Danach Fehler mit letztem Stand; kein stilles Weiterwarten.
  • Fokussprung nur bei Fehler; bei gefüllt bleibt der Fokus, wo er war.
  • Mindestgruppengröße gilt je Gruppe im Diagramm; die Fläche zeigt die anderen Gruppen weiter.
  • Melden ist geplant, aber nicht gebaut (Marke NICHT_IMPLEMENTIERT); Fluchtknopf ein Knopf; beide oben rechts, außerhalb jeder Textspalte.
  • Herkunft: Das Alphabet der Kennungen (ohne 0/O, 1/I/l, 5/S, 8/B) steht im Identitätsband; hier sind Kennungen bereits danach gebildet.

Die drei Zustandsmarken

  • DEMO · erfundener Wert, erfundener Fall — steht an jedem Beispielwert dieser Seite.
  • PLATZHALTER · Bild, Text oder Zahl fehlt noch; gestrichelte Haarkante.
  • NICHT_IMPLEMENTIERT · Funktion geplant, nicht gebaut; schraffierter Grund.

Diese Seite ist servergerendert

  • Kein SPA-Rahmenwerk; wenig Client-Logik (Prüfleiste, Nachbau-Probe) — 05-bauplan.md 1.4.
  • Schriften Petrona, IBM Plex Sans, IBM Plex Mono lokal eingebettet, nichts aus dem Netz.
  • Marken aus docs/design/lieferungen/tokens.css übernommen, nicht abgeschrieben: ein nachträglicher Farbwechsel entwertet jede Abnahme.