Přeskočit na hlavní obsah

P9 — Uživatelský účet

Screen IDP9
Typ◆ Primární
FázeMVP
PRDPRD-02: Klientská zóna
Odhad8 h
Úč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í.

Content Priority​

  1. User header — jméno uživatele, email, avatar (iniciály nebo foto), CTA „Upravit profil" Avatar
  2. Quick stats — počet nadcházejících vstupenek, celkový počet objednávek (volitelné) Badge / Tag
  3. Menu sekce „Vstupenky":
    • Moje vstupenky (→ P7 Wallet)
    • Historie objednávek (→ S7)
    List Item
  4. Menu sekce „Účet":
    • Editace profilu (→ S14)
    • Změna hesla (→ inline nebo S14)
    • Podpora / Kontakt (→ S15)
    List Item
  5. Menu sekce „Právní":
    • Obchodní podmínky (→ in-app browser)
    • Ochrana osobních údajů (→ in-app browser)
    • Smazání účtu (→ X14)
    List Item
  6. Placeholder „Colosseum Premium" — „Již brzy" badge, neaktivní (F1 → P10) List ItemBadge / Tag
  7. Odhlásit se — secondary destructive CTA na konci Ghost/Text Button
  8. Verze aplikace — drobný text v patičce

Interakce​

TriggerAkceCíl
Tap „Moje vstupenky"NavigaceP7 — Wallet
Tap „Historie objednávek"NavigaceS7 — Historie
Tap „Editace profilu"NavigaceS14 — Editace profilu
Tap „Podpora"NavigaceS15 — Podpora
Tap „Smazání účtu"Destructive flowX14 — Smazání účtu
Tap „Colosseum Premium"Info (F1)Toast „Již brzy — věrnostní program pro vás připravujeme"
Tap „Odhlásit se"Potvrzovací dialog„Opravdu se chcete odhlásit?" → Odhlášení → S4
Tap „Upravit profil"NavigaceS14
Pull-to-refreshSync profiluAktualizace dat z API

Stavy​

StavPopisVizuální chování
PřihlášenNormální stavPlný profil s menu sekcemi
NepřihlášenGuestPrompt „Přihlaste se" + OAuth buttony + registrace CTA (místo menu)
OfflineBez připojeníCached profil, většina akcí nedostupná, banner „Offline"

Edge Cases a Error States​

ScénářŘešení
Uživatel nemá avatar/fotoZobrazit iniciály v kruhu s barvou z palety
Dlouhé jméno (> 30 znaků)Truncate s „…"
Session expirovalaRedirect na S4 (Přihlášení) s info „Vaše relace vypršela"
OAuth účet bez heslaSkrýt „Změna hesla", zobrazit „Připojený účet: Google/Apple/Facebook"
Nepřihlášený uživatel přistupuje přes tab barZobrazit login/registrace prompt místo profilu

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ě
  • Quick stats — stručné metriky (nadcházející vstupenky) nahoře — web toto nemá

Aplikované patterny​

  • iOS: List s Section groupingem, NavigationLink pro menu items
  • Android: LazyColumn s ListItem (Material 3), card-based sections

Reference — Aktuální web​

SCR-WEB-43: Účet — tab navigace: Orders, Edit data, Password, Loyalty, Watchdog
Web ColosseumSCR-WEB-43Účet — tab navigace: Orders, Edit data, Password, Loyalty, Watchdog
SCR-WEB-46: Věrnostní program — placeholder 'Currently no loyalty program'
Web ColosseumSCR-WEB-46Věrnostní program — placeholder 'Currently no loyalty program'

Reference — CineStar benchmark​

SCR-CS-13: Tab bar s 'Přihlásit se' — OAuth + email form, CineStar Club
CineStar benchmarkSCR-CS-13Tab bar s 'Přihlásit se' — OAuth + email form, CineStar Club