Sprint 4
Kiosk UI Design & HTML Mockups
Ziel: Alle wichtigen Kiosk-Screens als interaktive HTML-Mockups und vollständige Design-Spezifikation, bevor eine Zeile produktiver Kiosk-Code geschrieben wird.
Sprint-Aufgaben
✅
4.1 HTML-Mockups aller KernscreensTagesansicht, Buchungs-Editpanel, Offline-Zustand, Bildschirmschoner, Zugangscode
✅
4.2 Annotierte Design-SpezifikationTouch-Zielgrößen, Typografieskala, Farbpalette, Offline-Banner-Verhalten, Bildschirmschoner-Auslöser
✅
4.3 Interaktions-SpezifikationStepper-Verhalten (1/5/10-Schritte), Verspätungs-Stepper, Status-Toggle, PAX-Mismatch-Warnung
⬜
4.4 Review-Session mit MuseumspersonalTermine zu koordinieren – Mockups bereit für Vorführung
⬜
4.5 Mockups überarbeitet und abgezeichnetNach Review-Feedback; Sign-off-Checkliste in DESIGN_SPEC.md
📋
4.1 · Primär-Screen
Tagesansicht
Buchungsliste für heute, Kalender-Tabs, Inline-Editpanel mit Steppern, Status-Toggle, PAX-Mismatch-Warnung.
✓ Interaktiv
📡
4.1 · Variante
Offline-Zustand
Rotes Offline-Banner, gedimmte Controls, zentrierter Modal-Overlay, lokaler Cache-Hinweis, Retry-Button.
✓ Mockup fertig
🌙
4.1 · Ruhemodus
Bildschirmschoner
Dunkler Hintergrund, große Live-Uhr, Datumszeile, nächste Buchungen als kompakter Strip, Touch zum Aktivieren.
✓ Live-Uhr aktiv
🔢
4.1 · Authentifizierung
Zugangscode
6-stelliger PIN-Eingabe-Screen, numerisches Pad, Shake-Animation bei Fehler, Erfolgsfeedback. Demo-PIN: 123456
✓ Voll funktional