S5 — Registrace

Screen IDS5

Typ◇ Sekundární

FázeMVP

PRDPRD-02: Klientská zóna

Účel obrazovky

Vytvoření nového účtu přes OAuth (Apple, Google) — wireframe neobsahuje Facebook na registraci (na rozdíl od přihlášení v S4 — Přihlášení, kde Facebook zůstává) — nebo klasický emailový formulář. Po registraci přihlášení a přesměrování.

---

Content Priority

1. OAuth tlačítka — prominentně nahoře: Apple, Google (full-width, ikona + text) OAuth Button
2. Separator — „Nebo se zaregistrujte emailem" Divider
3. Formulář — jméno, příjmení, email, telefon, heslo. U hesla inline checklist (ne progress bar síly): pravidla s ikonou splněno/nesplněno (✓ / ✕ nebo ekvivalent), validace v reálném čase po pravidlech:
   • minimálně 8 znaků
   • alespoň 1 velké písmeno
   • alespoň 1 číslice
   • alespoň 1 speciální znak
   Text InputPassword Input
4. GDPR souhlas — checkbox „Souhlasím se zpracováním osobních údajů" (povinný) Checkbox
5. CTA „Vytvořit účet" — primary button (disabled, dokud nejsou splněna pravidla hesla a GDPR) Primary Button
6. „Máte účet? Přihlásit se" — secondary link na S4 — Přihlášení Ghost/Text Button
7. Back / Close — návrat bez registrace Back Button

Newsletter

Souhlas se zasíláním novinek není na registraci — přesunut do nastavení profilu (S14 — Editace profilu).

---

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
Psaní hesla	Okamžitá aktualizace řádků checklistu per pravidlo	Uživatel vidí, co ještě chybí
Vyplnění email formuláře + „Vytvořit účet"	Validace všech polí včetně checklistu hesla	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í, heslo checklist vše ✕ / nevyhovující
Heslo částečně	Část pravidel splněna	✓ u splněných řádků, ✕ u zbývajících
OAuth prefill	Po OAuth vrácení	Jméno, příjmení, email předvyplněno, doplnit telefon + GDPR (heslo jen u emailové větve)
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
Heslo nesplňuje pravidlo	Příslušný řádek checklistu ✕; submit blokován
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 souhlas
• Odkaz na přihlášení

Co děláme jinak

• Checklist hesla místo strength baru — srozumitelná pravidla, žádná abstraktní „síla"
• Keyboard-aware scroll — při focus na dolních polích automatický scroll, aby CTA zůstal viditelný
• Validace on blur u kontaktních polí — heslo průběžně podle pravidel
• Větší touch targety pro checkbox GDPR (min 48dp)

Aplikované patterny

• iOS: UITextField s textContentType, UIScrollView s keyboardDismissMode
• Android: TextInputLayout s passwordVisibilityToggle, NestedScrollView + windowSoftInputMode, checklist jako LinearLayout řádků s ikonami

---

Reference — Aktuální web

Vzory formuláře a OAuth layoutu jsou blízké S4 — Přihlášení; registrace v MA ale zužuje OAuth na Apple + Google a mění feedback hesla na checklist.

Web ColosseumSCR-WEB-34-regOAuth a email formulář — referenční webový layout

Reference — CineStar benchmark

Viz S4 — Přihlášení — CineStar má obdobné OAuth + formulář patterny; registrace v MA se liší výběrem providerů a checklistem hesla.