S15 — Podpora / Kontakt
Účel obrazovky
Uživatel najde kontakt na podporu (telefon, e-mail, provozní doba), vyplní předmět a text zprávy a odešle požadavek. Po odeslání vidí potvrzení včetně čísla tiketu. Ve MVP zde nejsou sekce FAQ ani chat s agentem — ty patří do [F1] (obrazovky S17 FAQ a S18 Chat).
Content Priority
- Ilustrace sluchátek — dekorativní obrázek / ikona v horní části obrazovky (vizuální kotva tématu podpory)
- Kontaktní informace — telefon (tap-to-call), e-mail (tap-to-compose), provozní doba: Po–Pá 9:00–17:00 List Item
- Kontaktní formulář — Předmět: rozbalovací seznam s výchozím stavem „Vyberte téma"; Zpráva: vícenádkové pole (textarea); e-mail pro odpověď předvyplněn u přihlášeného uživatele; CTA „Odeslat" Select / DropdownText InputPrimary Button
- Mapa kanceláře — volitelná, pokud má podpora fyzickou pobočku Map View
Interakce
| Trigger | Akce | Cíl |
|---|---|---|
| Tap na telefon | Otevření dialeru | Volání na podporu |
| Tap na e-mail | Otevření mail klienta | Nová zpráva na podporu |
| Výběr předmětu | Dropdown / native picker | Hodnota tématu pro routing zprávy |
| Tap „Odeslat" | Odeslání formuláře | API call → success stav s číslem tiketu |
| Změna pole | Validace | Předmět (výběr tématu) a zpráva povinné; e-mail povinný u nepřihlášeného uživatele |
Stavy
| Stav | Popis | Vizuální chování |
|---|---|---|
| Default | Formulář prázdný nebo částečně předvyplněný | Předmět na „Vyberte téma", textarea prázdná |
| Submitting | Odesílání probíhá | Loading na CTA, formulář disabled |
| Success | Zpráva odeslána | Text ve znění: „Vaše zpráva #[číslo] byla odeslána. Odpovíme do 24 hodin." (např. „Vaše zpráva #12345 byla odeslána. Odpovíme do 24 hodin.") + CTA „Zpět" nebo „Nová zpráva" |
| Error | Odeslání selhalo | Toast „Nepodařilo se odeslat. Zkuste to znovu." + retry |
Edge Cases a Error States
| Scénář | Řešení |
|---|---|
| Dlouhý text zprávy | Limit např. 2000 znaků s počítadlem, nebo řešení na serveru |
| Offline odeslání | Fronta zpráv — uložit lokálně, odeslat při obnovení připojení + indikace „Pošleme, až budete online" |
| Nepřihlášený uživatel | Pole e-mail prázdné a povinné pro odpověď |
| Nezvolené téma nebo prázdná zpráva | Inline validace / disabled CTA do vyplnění |
Mobilní patterny a odlišení od webu
Tap-to-call jako primární akce
- Na mobilu je volání častější než na webu — telefon prominentně, velké touch target
- Web: Telefon jako text nebo odkaz
- Mobil: Tlačítko „Zavolat" s ikonou, tap-to-call
Formulář a klávesnice
- E-mail předvyplněn při přihlášení — méně psaní
- Předmět jako native select / bottom sheet s tématy — rychlejší výběr než psaní
- Zpráva jako textarea s dostatečnou výškou a scrollem v rámci obrazovky
MVP bez FAQ a chatu
- Odkazy nebo dlaždice „FAQ" a „Chat" se na S15 ve MVP nezobrazují; po přidání funkcí v [F1] mohou vést na S17 a S18
Reference
Screen Podpora/Kontakt nemá specifické screenshoty z webu ani CineStar — v MVP jde o jednoduchý kontaktní blok, ilustraci a formulář. Referenční implementace budou dostupné v průběhu návrhu.