X29 — Active Order Banner
Účel obrazovky
Není samostatná obrazovka — oranžový (warning) persistentní banner vždy nad spodní tab navigací (above tab bar). Zobrazuje se na kterékoli obrazovce hlavních tabů, pokud existuje aktivní košík s běžícím časovačem rezervace. Uživatel má stále na očích, že má nedokončený nákup, a může jedním tapnutím pokračovat.
Content Priority
- Text — např. „Rozpracovaná objednávka — 12:34 zbývá" (čas se aktualizuje v reálném čase, stejný zdroj jako countdown v P4/P5/P6)
- CTA — „Pokračovat" (text button nebo kompaktní tlačítko vpravo v banneru)
- Žádné zavření — bez ikony X / dismiss; banner zmizí po dokončení objednávky, po zrušení košíku nebo po vypršení času
Viditelnost
Banner se zobrazuje na těchto obrazovkách (dle zadání produktu — včetně P3 — Detail akce):
| Kontext | Obrazovka |
|---|---|
| Tab Domů | P1 — Home / Feed |
| Tab Akce | P2 — Seznam akcí |
| Detail akce | P3 — Detail akce |
| Tab Vstupenky | P7 — Wallet |
| Tab Vyhledávání | P8 — Vyhledávání |
| Tab Účet | P9 — Uživatelský účet |
Na dalších vnořených secondary screenech (S*) rozhodnutí dle IA; minimálně výše uvedené obrazovky musí banner nést konzistentně.
Interakce
| Trigger | Akce | Cíl |
|---|---|---|
| Aktivní košík + běžící timer | Banner viditelný | Nad tab barem |
| Tap „Pokračovat" | Navigace do aktuálního kroku nákupu | P4 / P5 / P6 podle stavu serveru |
| Dokončení platby / úspěšný checkout | Banner zmizí | — |
| Timeout rezervace | Banner zmizí; navazuje X4 nebo obnovení stavu | |
DELETE /cart / prázdný košík | Banner zmizí | — |
Stavy
| Stav | Popis |
|---|---|
| Zobrazeno | Platná aktivní objednávka, timer > 0 |
| Skryto | Žádný aktivní košík nebo timer u konce |
| Kritický čas | Volitelně vizuálně sladit s X5 — Warning timer (intenzita barvy uvnitř checkout flow; banner může zůstat oranžový nebo mírně eskalovat — dle DS) |
Edge Cases
| Scénář | Řešení |
|---|---|
| Klávesnice / bottom sheet | Banner zůstane nad tab barem; sheet může banner přechodně překrýt — definovat z-index dle DS |
| Současně s X28 | X28 = modal při návratu do appky; po zavření X28 banner zůstává, pokud košík aktivní |
| Deep link mimo nákup | Banner stejně viditelný na tab kořenech, dokud košík žije |
| Velmi malá výška / landscape | Text zkrátit (ellipsis) nebo jednořádkový layout; CTA vždy dostupné |
Mobilní patterny
- Sticky positioning —
safe areainset pro iOS home indicator - Kontrast — oranžová výplň + čitelný text (light/dark theme)
- Animace — jemný slide-in při prvním zobrazení (volitelné)
- Přístupnost — banner jako live region při změně zbývajícího času (střídmě, aby nebyl nátlak)