S8 — Detail vstupenky
Účel obrazovky
Po otevření S8 je výchozí stav fullscreen QR na tmavém pozadí: velký QR kód, automaticky zvýšený jas displeje a indikátor „Jas automaticky zvýšen". Slouží pro okamžik vstupu na akci — čitelnost u turniketu. Swipe nahoru rozbalí plný detail (metadata, sekundární akce). U více vstupenek v objednávce pager „Vstupenka 1/2" (horizontální přepínání).
Content Priority
- Fullscreen QR (default) — velký QR, tmavé pozadí, auto brightness zapnuto při vstupu na obrazovku QR Code Viewer
- Indikátor jasu — např. „Jas automaticky zvýšen" (uživatel ví, proč je displej světlejší)
- Pager více vstupenek — „Vstupenka 1/2" (nebo ekvivalent) při více lístcích ze stejné objednávky
- Pod QR — základní údaje — každý na jeden řádek: název akce, datum a čas, venue, sedadlo (pokud adresné)
- Status badge — Zaplaceno (zelená) / Rezervováno (žlutá) Badge / Tag
- Rozšířený detail (po swipe nahoru) — číslo objednávky, collapsible info o akci, navigace na místo, další metadata Accordion / Expandable
- Quick actions (viditelné, ne PDF) — Sdílet, Do kalendáře (bez výrazného CTA pro PDF v hlavní vrstvě) Icon ButtonSecondary Button
- Menu „⋮" (více) — mimo jiné Stáhnout PDF a další méně časté akce
- Navigace na místo — v rozšířeném detailu nebo v menu podle priority Primary ButtonMap View
Interakce
| Trigger | Akce | Cíl |
|---|---|---|
| Otevření S8 | Fullscreen QR, auto brightness, tmavé pozadí | Okamžitá připravenost ke skenování |
| Swipe nahoru | Rozbalení plného detailu | Metadata, akce, navigace |
| Tap „Sdílet" | Systémový share sheet s deep linkem na vstupenku | X17 — Vstupenka sdílena |
| Tap „Do kalendáře" / „Přidat do kalendáře" | Přidání události do systémového kalendáře | X16 — Přidáno do kalendáře |
| Menu „⋮" | Sekundární akce včetně Stáhnout PDF | Export do souborů uživatele mimo primární vrstvu |
| Pinch-to-zoom | Zvětšení QR kódu | Lepší čitelnost při špatném osvětlení |
| Rotace na landscape | Přepnutí layoutu pro větší QR | Optimalizace pro skenování u turniketu |
| Tap „Navigovat" (v detailu) | Otevření nativní mapy s venue | S12 — Detail místa nebo systémové mapy |
| Swipe vlevo/vpravo / pager | Přepnutí mezi vstupenkami | Další vstupenka ze stejné objednávky („Vstupenka 2/2") |
Stavy
| Stav | Popis | Vizuální chování |
|---|---|---|
| Active ticket | Platná vstupenka na budoucí nebo probíhající akci | Plný QR, fullscreen default, akce dostupné |
| Expired ticket | Akce již proběhla | QR šedý / skrytý, badge „Proběhlo", akce omezené |
| Canceled | Vstupenka zrušena (akce zrušena nebo refundace) | Červený badge „Zrušeno", info o vrácení peněz, bez QR |
| Reserved / not paid | Rezervace bez zaplacení | Žlutý badge „Rezervováno", připomínka platby, QR nedostupný |
Edge Cases a Error States
| Scénář | Řešení |
|---|---|
| Offline | QR kód dostupný z cache — vstupenky jsou předstahované pro offline použití |
| Slabé osvětlení | Auto brightness při zobrazení QR; indikátor změny jasu |
| Rotace zařízení | Podpora landscape orientace pro větší plochu QR a snazší skenování |
| Několik vstupenek v objednávce | Pager „Vstupenka k/N", horizontální přepínání |
| Vstupenka na zrušenou akci | Červený banner, info o refundaci, bez funkčního QR |
| Expirovaná vstupenka | Šedý overlay, text „Akce již proběhla", QR skrytý nebo neaktivní |
Mobilní patterny a odlišení od webu
Auto-brightness a životní cyklus
- Při vstupu na S8 (obrazovka v popředí): dočasně zvýšit jas displeje nad uživatelské nastavení (pattern jako Apple Wallet).
- Při opuštění obrazovky (back, navigace pryč, přepnutí aplikace): obnovit předchozí jas — neponechávat zvýšený jas trvale, aby nedocházelo k nechtěnému vybití a oslnění.
- Web typicky nemá stejnou kontrolu jasu — mobil je primární pro vstup na akci.
Fullscreen QR a rozšíření swipe nahoru
- Primární vrstva = skenovatelný QR + úzké řádky kontextu pod ním.
- Sekundární vrstva = plný detail a méně časté akce po gestu nahoru (ne konkurovat QR v prvním dojmu).
Landscape support
- Web: QR v fixed viewportu
- Mobil: Rotace na landscape zvětší plochu QR, usnadní skenování kontrolou
Haptic feedback
- Jemná vibrace při zobrazení vstupenky (potvrzení načtení)
- Haptic při úspěšném „Přidat do kalendáře"
Reference — Aktuální web
SCR-WEB-43Web orders — bez QR, jen textové statusy objednávekReference — CineStar benchmark
SCR-CS-16Potvrzení s CTA Sdílet / Moje nákupy