S5 — Registrace

Screen IDS5

Typ◇ Sekundární

FázeMVP

PRDPRD-02: Klientská zóna

Odhad4 h

Účel obrazovky

Vytvoření nového účtu. Uživatel může zvolit OAuth registraci (Apple, Google, Facebook) nebo klasický email formulář. Po registraci přihlášení a přesměrování.

---

Content Priority

1. OAuth tlačítka — prominentně nahoře: Apple, Google, Facebook (full-width) OAuth Button
2. Separator — „Nebo se zaregistrujte emailem" Divider
3. Formulář — jméno, příjmení, email, telefon, heslo (s indikátorem síly) Text InputPassword Input
4. Požadavky na heslo — min délka, velká/malá písmena, číslice (inline help)
5. GDPR souhlas — checkbox „Souhlasím se zpracováním osobních údajů" (povinný) Checkbox
6. Newsletter opt-in — checkbox „Chci dostávat novinky a akce" (volitelný) Checkbox
7. CTA „Vytvořit účet" — primary button Primary Button
8. „Máte účet? Přihlásit se" — secondary link na S4 — Přihlášení Ghost/Text Button
9. Back / Close — návrat bez registrace Back Button

---

Interakce

Trigger	Akce	Cíl
Tap na OAuth tlačítko	Provider auth flow	Po úspěchu: auto-fill profil (jméno, email), doplnit telefon + GDPR → submit
Vyplnění email formuláře + „Vytvořit účet"	Validace všech polí	Submit → úspěch → přihlášení → zavření / redirect
Tap „Přihlásit se"	Navigace na přihlášení	S4 — Přihlášení
OAuth bez telefonu	Nutnost doplnit telefon v další kroku	Modal nebo inline „Doplňte telefon pro dokončení registrace"
Email již existuje	Chyba při submit	Inline error „Účet s tímto emailem již existuje — přihlaste se" + link na S4

---

Stavy

Stav	Popis	Vizuální chování
Default	Prázdný formulář	OAuth tlačítka aktivní, vše prázdné
OAuth prefill	Po OAuth vrácení	Jméno, příjmení, email předvyplněno, doplnit telefon + heslo + GDPR
Validation errors	Neplatná pole	Červené underline per pole, error messages
Processing	Odesílání	Spinner na CTA, disabled formulář
Email already exists	Duplicitní email	Inline error s odkazem na S4

---

Edge Cases a Error States

Scénář	Řešení
Email již registrovaný	„Účet s tímto emailem existuje, přihlaste se" + link na S4
Slabé heslo	Inline feedback — bar/tekst „Slabé / Střední / Silné", blokovat submit pokud nesplňuje
OAuth účet bez telefonu	Povinné pole telefon — force input před dokončením registrace
GDPR nezaškrtnut	CTA disabled nebo error „Souhlas je povinný"
Rate limit (příliš mnoho pokusů)	„Zkuste to znovu za několik minut"
OAuth zrušeno	Tiše návrat na S5

---

Mobilní patterny a odlišení od webu

Co přebíráme

• OAuth + email registrace
• GDPR a newsletter checkboxy
• Odkaz na přihlášení

Co děláme jinak

• Password strength indicator inline — progres bar nebo barevný indikátor (červená / žlutá / zelená)
• Keyboard-aware scroll — při focus na dolních polích automatický scroll, aby CTA zůstal viditelný
• Validace on blur — kontrola při opuštění pole, ne až při submit (rychlejší feedback)
• Větší touch targety pro checkboxy (min 48dp)

Aplikované patterny

• iOS: UITextField s textContentType, UIScrollView s keyboardDismissMode, KeyboardAvoidingView ekvivalent
• Android: TextInputLayout s passwordVisibilityToggle, NestedScrollView + windowSoftInputMode, Strength bar pro heslo

---

Reference — Aktuální web

Vzory formuláře a OAuth layoutu jsou shodné s obrazovkou S4 — Přihlášení. Pro vizuální referenci viz screenshoty v S4.

Web ColosseumSCR-WEB-34-regOAuth a email formulář — shodný layout jako pro registraci

Reference — CineStar benchmark

Viz S4 — Přihlášení — CineStar má obdobné OAuth + formulář patterny, které platí i pro registraci.