X3 — Chyba — Platba selhala
Účel obrazovky
Platba se nezdařila. Dvě tlačítka: zkusit znovu nebo změnit platební metodu. Referenční číslo pro traceability; odkaz na podporu jen jako text, ne jako třetí button.
Content Priority
- Červená error ilustrace — vizuálně odlišná od success stavů Error State
- „Platba se nezdařila" — nadpis
- Referenční číslo — viditelné zobrazení pro podporu a traceability, např. „Ref: #ERR-2026-0042" (formát dle backendu)
- Stručné vysvětlení — např. „Zkontrolujte dostupnost prostředků nebo zvolte jinou platbu"
- CTA primární — „Zkusit znovu" (retry stejná metoda) Primary Button
- CTA sekundární — „Změnit platební metodu" → P6 — Checkout Secondary Button
- Odkaz na podporu (text, ne tlačítko) — pod oběma CTA textový odkaz ve stylu: „Potřebujete pomoc? Kontaktujte podporu" (inline link, ne tlačítko) → S15 — Podpora
Interakce
| Trigger | Akce | Cíl |
|---|---|---|
| Tap „Zkusit znovu" | Opětovný pokus o platbu | Zůstává na P6, retry flow |
| Tap „Změnit platební metodu" | Přechod zpět na výběr metody | P6 — Checkout |
| Tap textový odkaz podpory | Přechod | S15 — Podpora |
Stavy
| Stav | Popis |
|---|---|
| Error | Jediný stav — po selhání platby |
Edge Cases
| Scénář | Řešení |
|---|---|
| Opakované selhání (3×) | Zvýrazněný návrh jiné platební metody — „Zkuste Apple Pay / Google Pay / kartu" |
| Dvojité odepsání | Server-side kontrola — pokud platba prošla, přesměrovat na X1 místo error |
Mobilní patterny
- Error haptic — 3 krátké pulsy (odlišné od warning)
- Zachovat vybrané sedadla — při retry neztratit obsah košíku
Reference — CineStar benchmark
SCR-CS-18Nákup se nepodařil, referenční číslo, CTA zpět do košíku
SCR-CS-22Izolovaná error komponenta