S12 — Detail místa konání
Úč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
- Venue header — název místa, hlavní obrázek (hero) Hero Banner
- Mapa + navigace — inline mapa s pinem, tap → otevření nativních map (Apple Maps / Google Maps) Map View
- Adresa — plná adresa, kopírovatelná (tap → kopírovat do schránky + toast) List Item
- Praktické info — parkování, bezbariérovost (ikony + popis), MHD — doprava do místa List Item
- Program — seznam akcí filtrovaný na toto místo („Akce v tomto místě") Event Card (small)Section Header
- Galerie fotografií — historie venue, interiér, exteriér Image Gallery
- Kontakt — telefon, email, web List Item
- Popis venue — rich text (historie, kapacita, zajímavosti) Accordion / Expandable
Interakce
| Trigger | Akce | Cíl |
|---|---|---|
| Tap na mapu | Otevření nativní mapy s venue | Apple Maps / Google Maps s navigací |
| Tap na adresu | Kopírování do schránky + toast „Adresa zkopírována" | Uživatel může vložit do navigace ručně |
| Tap na telefon | Otevření dialeru | Volání na venue |
| Tap na akci v programu | Detail akce | P3 — Detail akce |
| Long-press na adresu | Systémový share sheet | Sdílení adresy |
| Tap na email | Otevření mail klienta | Nová zpráva na venue email |
| Tap na web | Otevření webu venue | In-app browser nebo externí prohlížeč |
Stavy
| Stav | Popis | Vizuální chování |
|---|---|---|
| Loaded | Data venue načtena | Kompletní profil s mapou a obsahem |
| Loading | Načítání | Skeleton: hero placeholder + shimmer řádky |
| Error | API 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 GPS | Skrý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í akce | Text „Momentálně žádné akce" + CTA procházet program, případně „Proběhlé akce" (archiv) |
| Venue bez fotografií | Skrýt galerii, nebo placeholder |
| Velmi dlouhý popis | Collapsible „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-53Venue — popis, CTA Program a vstupenky
SCR-WEB-55Historie venue, galerie fotekReference — CineStar benchmark
SCR-CS-05Info o sálu — fotka, typ, popis