Designnachweis · WTS / BTS
Screens, Zustände und offene Punkte
Komponentenzuordnung und Prüfpfade für diesen Designprototyp.
Geltungsbereich
Der verfügbare Brief endet mitten in A6. Das Gesamtkonzept wurde nicht geliefert. Weitergehende Admin-Screens und verbindliche Reportanforderungen sind deshalb nicht als vollständig umgesetzt zu bewerten.
Gestalterische Quellen
WTS DESIGN.md und tokens.css sind die verbindlichen Quellen. Das vorhandene generierte kit.html wurde für Buttons, Felder, Tabellen, Radien und Zustände geprüft. Seine abgeleiteten Farb- und Hovervarianten stehen teilweise im Konflikt mit dem begrenzten WTS-Farbrahmen; in diesen Fällen gelten die gebundenen Basistokens und kontrasterhaltenden Zustandsregeln. Die generierten --brand-* Farbpaletten enthalten zusätzliche Statusfarben und Dark-Mode-Werte; sie werden aufgrund des ausdrücklich begrenzten Markenfarbrahmens nicht verwendet.
Helvetica Neue mit Helvetica, Arial und sans-serif gilt für Überschriften und Body. Cambria/Charter und Calibri/Source Sans sind im aktuellen Brief genannt, aber nicht mit einer passenden verbindlichen Referenz belegt. Dieser Widerspruch wird nicht durch eine erfundene Typografiespezifikation aufgelöst.
Das originale WTS-Logo wird unverändert als Screenshot-Ausschnitt eingebettet. „BTS“ bleibt die Produktzuordnung aus dem Auftrag; ein BTS-Logo wurde nicht erfunden.
Zustände öffnen
T2 · Textinterview
T3 · Sprachinterview
T4–T6 · Abschluss
T7 · Fortsetzung
T8 · Gemeinsamer Einstieg
A1–A2 · Zugang & Übersicht
A3–A6 · Teamarbeit
Komponenten je Screen
Die Seed-Bausteine werden mit WTS-Tokens gebunden. Produktbausteine und alle nicht belegten Zustandsvarianten sind Erweiterungsvorschläge; sie sind kein Nachweis bereits vorhandener WTS-App-Komponenten.
| ID | Screen | Seed / WTS-Bindung | Produktbaustein · Vorschlag |
|---|---|---|---|
| T1 | Check-in | field, input, textarea, btn, grid-2 | Einwilligungsgruppe, Namenszuordnung; native lange Auswahlliste |
| T2 | Textgespräch | row-between, textarea, btn, stack | Gesprächsbeitrag und Verbindungsstatus |
| T3 | Sprachgespräch | card, btn, details | Sprachstatus und Mikrofonsteuerung |
| T4 | Verlängerung | hero-center, hero-cta, btn | Zielzeit-Gesprächsmoment |
| T5 | Zusammenfassung | card-rule, textarea, btn | Erkenntniszusammenfassung und Korrektur |
| T6 | Interviewstatus | hero-center, tag, btn | Unvollständig / beendet / pausiert |
| T7 | Persönliche Fortsetzung | hero-center, card, btn | Erhaltener Kontext und Linkfehler |
| T8 | Runde geschlossen | hero-center, notice, btn | Gemeinsamer Einstieg vs. persönliche Fortsetzung |
| A1 | Admin-Login | field, input, btn | Anmeldefehler und Verzögerung |
| A2 | Studienübersicht | log-list / ds-table, field, tag | Rundenbezug und Verarbeitung |
| A3 | Vorbereitung | grid-2-1, field, textarea, btn | Hypothesenkarte und Gesprächsrahmen |
| A4 | Zentrale Listen | grid-2, card, input, btn | Listenbearbeitung und Prüffreitext |
| A5 | Testinterview | T2-Gesprächsbausteine | Testkennzeichnung; isolierter Testkontext |
| A6 | Fortschritt | grid-3, ds-table, num, btn | Antwortbasis, gefülltes Verteilungsdiagramm und Ausschlusszustände |
| Ergänzung | Belegprüfung | grid-2-1, select, textarea, dialog | Belegansicht, Gesamtbewertung, begründeter Ausschluss |
| Report | A4-Basisdesign | ds-table, num, rule, display | Druckseiten, Berichtsmetadaten, Quellen- und Methodengrenzen |
Offene Fach- und Systemregeln
- Gesamtkonzept und Brief ab A6: nicht verfügbar.
- Konkrete Studieninhalte, Dauer, Hypothesen und Sollwerte: nicht geliefert; Inhalte sind Demo oder leer gekennzeichnet.
- Gewichtungsregler: Semantik offen; kein Prozent-Zeitmodell, deaktivierter Vorschlag.
- Pflichtprofilfelder und zentrale Listen: nicht vollständig festgelegt.
- Technischer Betriebszugriff, Aufbewahrungsfrist und Fortsetzungslink-Laufzeit: offen.
- Statuskatalog für Studien, Pause und technische Unterbrechung: offen.
- Mikrofonfreigabe, Sprechende-Erkennung, Unterbrechung und echte Sprachqualität: im Funktionsprototyp zu prüfen.
- Reportstruktur und Anforderungen aus dem fehlenden Gesamtkonzept: offen.
- Verifizierte WTS-Komponenten für Dialoge, Chat und Diagramme sowie responsive und barrierefreie Zustände fehlen. Die gezeigten Varianten sind abgeleitete Vorschläge.
- Die Typografieangaben im Auftrag widersprechen den aktuellen WTS-Dateien.
Interaktions- und Datenschutzgrenzen des Prototyps
Kein Backend, keine echte KI, Authentifizierung, E-Mail-Zustellung oder Auswertung. Freie Gesprächsantworten sind als lokale Demo-Antworten gekennzeichnet. Die Sitzung verwendet sessionStorage zur Fortsetzung zwischen Screens. Schließen Sie die Sitzung oder löschen Sie die Demodaten nach der Prüfung. Keine realen personenbezogenen Daten verwenden.
Prüfumfang
44px-Ziele, sichtbarer Tastaturfokus, beschriftete Felder, textliche Statusanzeigen und Diagrammbeschriftungen. Mobile Tabellen werden als Zeilenblöcke neu angeordnet. Flexible Container und einspaltige Umbrüche sind für 360 bis 1920px statisch geprüft. Ein visueller Export war in dieser Umgebung nicht verfügbar. JavaScript-Syntax, alle Screenlinks und die zentralen Abläufe wurden mit DOM-Prüfungen getestet; keine gerenderte Browser- oder Assistenztechnikprüfung.