Přeskočit na hlavní obsah

S8 — Detail vstupenky

Screen IDS8
Typ Sekundární
FázeMVP
Odhad4 h
Účel obrazovky

Fullscreen zobrazení konkrétní vstupenky s QR kódem. Klíčová obrazovka pro okamžik vstupu na akci — uživatel ji předkládá u turniketu nebo kontrola. QR kód musí být čitelný i při špatném osvětlení.


Content Priority

  1. QR kód — velký, vycentrovaný, s podporou zvýšení jasu obrazovky (jako Apple Wallet) QR Code Viewer
  2. Název akce + datum + čas — hlavní identifikace vstupenky
  3. Venue + sál + sedadlo — místo konání, sál a konkrétní místo (pokud adresné)
  4. Status badge — Zaplaceno (zelená) / Rezervováno (žlutá) Badge / Tag
  5. Číslo objednávky — pro identifikaci při kontrole
  6. Quick actions — Sdílet, Přidat do kalendáře, Stáhnout PDF Icon ButtonSecondary Button
  7. Info o akci — collapsible sekce: délka představení, bezbariérovost, další praktické informace Accordion / Expandable
  8. Navigace na místo CTA — tlačítko pro otevření mapy a navigaci na venue Primary ButtonMap View

Interakce

TriggerAkceCíl
Tap „Sdílet"Systémový share sheet s deep linkem na vstupenkuX17 — Vstupenka sdílena
Tap „Přidat do kalendáře"Přidání události do systémového kalendářeX16 — Přidáno do kalendáře
Pinch-to-zoomZvětšení QR kóduLepší čitelnost při špatném osvětlení
Rotace na landscapePřepnutí layoutu pro větší QROptimalizace pro skenování u turniketu
Tap „Navigovat"Otevření nativní mapy s venueS12 — Detail místa nebo systémové mapy
Swipe vlevo/vpravoPřepnutí mezi vstupenkami (pokud více v objednávce)Další vstupenka ze stejné objednávky
Tap „Stáhnout PDF"Export vstupenky jako PDFStažení do souborů uživatele

Stavy

StavPopisVizuální chování
Active ticketPlatná vstupenka na budoucí nebo probíhající akciPlný QR kód, všechny akce dostupné
Expired ticketAkce již proběhlaQR šedý / skrytý, badge „Proběhlo", akce omezené
CanceledVstupenka zrušena (akce zrušena nebo refundace)Červený badge „Zrušeno", info o vrácení peněz, bez QR
Reserved / not paidRezervace bez zaplaceníŽlutý badge „Rezervováno", připomínka platby, QR nedostupný

Edge Cases a Error States

ScénářŘešení
OfflineQR kód dostupný z cache — vstupenky jsou předstahované pro offline použití
Slabé osvětleníAutomatické zvýšení jasu obrazovky při zobrazení QR (pattern jako Apple Wallet)
Rotace zařízeníPodpora landscape orientace pro větší plochu QR a snazší skenování
Několik vstupenek v objednávceSwipe mezi vstupenkami, indikátor „2/4" nahoře
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

  • Web nemá — na webu se QR typicky zobrazuje v normálním jasu
  • Mobil: Automatické zvýšení jasu při zobrazení obrazovky (jako Apple Wallet), uživatel vidí lépe při špatném světle u turniketu

Landscape support

  • Web: QR v fixed viewportu
  • Mobil: Rotace na landscape zvětší plochu QR, usnadní skenování kontrolou

Swipe mezi vstupenkami

  • Web: Seznam vstupenek, každá v samostatné kartě
  • Mobil: Fullscreen jedna vstupenka, swipe vlevo/vpravo pro přepnutí (jako carousel)

Haptic feedback

  • Jemná vibrace při zobrazení vstupenky (potvrzení načtení)
  • Haptic při úspěšném „Přidat do kalendáře" nebo „Stáhnout PDF"

Reference — Aktuální web

SCR-WEB-43: Web orders — bez QR, jen textové statusy objednávek
Web ColosseumSCR-WEB-43Web orders — bez QR, jen textové statusy objednávek

Reference — CineStar benchmark

SCR-CS-16: Potvrzení s CTA Sdílet / Moje nákupy
CineStar benchmarkSCR-CS-16Potvrzení s CTA Sdílet / Moje nákupy