P9 — Uživatelský účet
Účel obrazovky
Centrální hub přihlášeného uživatele — „dashboardová" obrazovka s přístupem ke všem nastavením a funkcím účtu. Menu-driven layout s jasnou hierarchií; náhled nejbližší akce místo surových statistik.
Content Priority
- User header — jméno uživatele, email, avatar (iniciály nebo foto), CTA „Upravit profil" Avatar
- Náhled další akce (místo quick stats) — pokud uživatel má alespoň jednu nadcházející vstupenku: blok „Vaše další akce" s titulkem akce, datem a časem (např. „La Traviata — Zítra v 19:00 — Národní divadlo"). Primární CTA „Zobrazit vstupenku" → S8 — Detail vstupenky. Při 2+ nadcházejících akcích pod CTA textový odkaz „+ X dalších" → P7 — Wallet. Při 0 nadcházejících akcích celou sekci nevykreslovat (žádný empty placeholder). Event Card (small)Primary ButtonGhost/Text Button
- Menu sekce „Vstupenky":
- Moje oblíbené (ikona srdce) → S26 — Moje oblíbené
- Historie objednávek → P7 — Wallet (segment / přechod na přehled historie objednávek v rámci wallet flow)
- Menu sekce „Účet":
- Editace profilu (→ S14 — Editace profilu, včetně změny hesla v rámci stejné obrazovky nebo podflow)
- Podpora / Kontakt (→ S15 — Podpora)
- Menu sekce „Právní":
- Obchodní podmínky (→ in-app browser)
- Ochrana soukromí (→ in-app browser)
- Odhlásit se — samostatný textový CTA (červená / destructive styl), mimo karty sekcí, pod všemi sekcemi menu Ghost/Text Button
- Verze aplikace — drobný text mezi odhlášením a odkazem na smazání účtu (nebo těsně nad „Smazat účet" dle wireframu)
- Smazat účet — červený textový odkaz, úplně dole na obrazovce, mimo jakoukoli sekční kartu; svislý odstup min. 32 px od předchozího obsahu (včetně odhlášení / verze), aby byl vizuálně oddělený od běžného menu Ghost/Text Button
MVP: položka „Colosseum Premium" se nezobrazuje (žádný „Již brzy" badge).
[F1] Rozšíření — Colosseum Premium
Po spuštění věrnostního programu přibude v menu samostatná položka (např. pod sekcí „Účet" nebo jako vlastní sekce dle finální IA) s plným obsahem — věrnostní hub a benefity dle PRD (žádný MVP placeholder „Již brzy"). V MVP wireframe tento blok chybí.
List ItemBadge / TagInterakce
| Trigger | Akce | Cíl |
|---|---|---|
| Tap „Zobrazit vstupenku" (náhled akce) | Navigace | S8 — Detail vstupenky |
| Tap „+ X dalších" | Navigace | P7 — Wallet |
| Tap „Moje oblíbené" | Navigace | S26 — Moje oblíbené |
| Tap „Historie objednávek" | Navigace | P7 — Wallet (historie objednávek — segment / tab) |
| Tap „Editace profilu" | Navigace | S14 — Editace profilu |
| Tap „Podpora" | Navigace | S15 — Podpora |
| Tap „Obchodní podmínky" / „Ochrana soukromí" | In-app browser | Externí URL |
| Tap „Odhlásit se" | Potvrzovací dialog | „Opravdu se chcete odhlásit?" → odhlášení → S4 — Přihlášení |
| Tap „Smazat účet" | Destructive flow | X14 — Smazání účtu |
| Tap „Upravit profil" (header) | Navigace | S14 |
| Pull-to-refresh | Sync profilu | Aktualizace dat z API |
| Tap „Colosseum Premium" (F1) | Navigace | Věrnostní obrazovka dle PRD |
Stavy
| Stav | Popis | Vizuální chování |
|---|---|---|
| Přihlášen | Normální stav | Plný profil s menu sekcemi, náhled akce podmíněný daty |
| Nepřihlášen | Guest | Nad OAuth a registrací 3 benefitové body (value proposition): „Vstupenky přímo v telefonu s QR kódem", „Funguje i bez internetu", „Připomeneme vám před akcí". Poté OAuth tlačítka, oddělovač, email registrace (CTA → S5 — Registrace / vstup do registračního flow), nakonec ghost tlačítko „Pokračovat bez přihlášení". Klasické menu profilu se nezobrazuje. |
| Offline | Bez připojení | Cached profil, většina akcí nedostupná, banner „Offline" |
Edge Cases a Error States
| Scénář | Řešení |
|---|---|
| Uživatel nemá avatar/foto | Zobrazit iniciály v kruhu s barvou z palety |
| Dlouhé jméno (> 30 znaků) | Truncate s „…" |
| Session expirovala | Redirect na S4 (Přihlášení) s info „Vaše relace vypršela" |
| OAuth účet bez hesla | Ve S14 zobrazit „Připojený účet: Google/Apple/…"; změna hesla jen pokud je k účtu heslo — viz S14 |
| Nepřihlášený uživatel přistupuje přes tab bar | Guest layout s benefity, OAuth, registrací a „Pokračovat bez přihlášení" |
| Žádná nadcházející vstupenka | Sekci náhledu další akce nevykreslovat |
| Jedna nadcházející akce | Bez řádku „+ X dalších" |
Mobilní patterny a odlišení od webu
Co děláme jinak
- Menu-driven layout — web má tab navigaci (My orders / Edit data / Password / Loyalty / Watchdog), mobil má vertikální menu seznam s ikonami a šipkami — lépe se scannuje jednou rukou
- Biometrická session — na mobilu je uživatel trvale přihlášen s biometrikou, na webu se musí přihlašovat opakovaně
- Náhled další akce — kontextová karta nejbližší události s CTA na vstupenku místo agregovaných čísel (počet vstupenek / objednávek)
Aplikované patterny
- iOS:
ListsSectiongroupingem,NavigationLinkpro menu items; destructive akce (Odhlásit se,Smazat účet) jako text mimoSection, případně.role(.destructive)kde platí - Android:
LazyColumnsListItem(Material 3), sekce vCardnebo surface; spodní destructive odkazy s dostatečným paddingem
Reference — Aktuální web
SCR-WEB-43Účet — tab navigace: Orders, Edit data, Password, Loyalty, Watchdog
SCR-WEB-46Věrnostní program — placeholder 'Currently no loyalty program'Reference — CineStar benchmark
SCR-CS-13Tab bar s 'Přihlásit se' — OAuth + email form, CineStar Club