Přeskočit na hlavní obsah

S12 — Detail místa konání

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

Profil venue (místa konání) s praktickými informacemi pro návštěvníka: mapa, adresa, parkování, bezbariérovost, MHD, program akcí v tomto místě. Uživatel zjišťuje, kam má jít a jak se tam dostane.


Content Priority

  1. Venue header — název místa, hlavní obrázek (hero) Hero Banner
  2. Mapa + navigace — inline mapa s pinem, tap → otevření nativních map (Apple Maps / Google Maps) Map View
  3. Adresa — plná adresa, kopírovatelná (tap → kopírovat do schránky + toast) List Item
  4. Praktické info — parkování, bezbariérovost (ikony + popis), MHD — doprava do místa List Item
  5. Program — seznam akcí filtrovaný na toto místo („Akce v tomto místě") Event Card (small)Section Header
  6. Galerie fotografií — historie venue, interiér, exteriér Image Gallery
  7. Kontakt — telefon, email, web List Item
  8. Popis venue — rich text (historie, kapacita, zajímavosti) Accordion / Expandable

Interakce

TriggerAkceCíl
Tap na mapuOtevření nativní mapy s venueApple Maps / Google Maps s navigací
Tap na adresuKopírování do schránky + toast „Adresa zkopírována"Uživatel může vložit do navigace ručně
Tap na telefonOtevření dialeruVolání na venue
Tap na akci v programuDetail akceP3 — Detail akce
Long-press na adresuSystémový share sheetSdílení adresy
Tap na emailOtevření mail klientaNová zpráva na venue email
Tap na webOtevření webu venueIn-app browser nebo externí prohlížeč

Stavy

StavPopisVizuální chování
LoadedData venue načtenaKompletní profil s mapou a obsahem
LoadingNačítáníSkeleton: hero placeholder + shimmer řádky
ErrorAPI selháníRetry CTA
Bez nadcházejících akcíŽádné akce v tomto místěSekce „Momentálně žádné akce" + volitelně minulé akce („Proběhlé akce")

Edge Cases a Error States

ScénářŘešení
Venue bez GPSSkrýt inline mapu, zobrazit jen textovou adresu s „Navigovat" CTA (otevře mapy s adresou)
Venue bez info o parkováníSkrýt sekci parkování
Žádné nadcházející akceText „Momentálně žádné akce" + CTA procházet program, případně „Proběhlé akce" (archiv)
Venue bez fotografiíSkrýt galerii, nebo placeholder
Velmi dlouhý popisCollapsible „Zobrazit více" po 3 řádcích

Mobilní patterny a odlišení od webu

Nativní integrace map

  • Web: Embed mapa (Google Maps iframe nebo podobně)
  • Mobil: Inline náhled (MapKit / Google Maps SDK), tap → nativní aplikace map s navigací („Jít" / „Navigovat") — rychlejší a lepší UX

Tap-to-call

  • Telefonní číslo jako tlačítko — primární akce pro mobil (na webu méně častá)

Tap-to-navigate

  • Jedno klepnutí spustí navigaci — na webu typicky „Otevřít v Mapách" s výběrem

Kopírování adresy

  • Long-press nebo tap na adresu → kopírovat + haptic + toast — uživatel může adresu vložit kamkoli (SMS, WhatsApp, navigace)

Reference — Aktuální web

SCR-WEB-53: Venue — popis, CTA Program a vstupenky
Web ColosseumSCR-WEB-53Venue — popis, CTA Program a vstupenky
SCR-WEB-55: Historie venue, galerie fotek
Web ColosseumSCR-WEB-55Historie venue, galerie fotek

Reference — CineStar benchmark

SCR-CS-05: Info o sálu — fotka, typ, popis
CineStar benchmarkSCR-CS-05Info o sálu — fotka, typ, popis