Základní kontext:

Web je součástí onboardingu dobrovolníků (podrobný popis onboardingu)
Už máme jeho MVP verzi, viz tady.
Klíčové shrnutí: chceme mít na adrese join.cesko.digital jednu stránku ve vizuálu Č.D, na které bude stručné uvítání a registrační formulář. Po vyplnění formuláře je dobrovolník přesměrován do onboardingu Slacku – a to je všecko.
Pro registrační formulář aktuálně používáme Airtable. Nevyhovuje nám zejména v tom, že seznam kompetencí zobrazuje (kvůli technickým omezením) jako jeden plochý drop-down.
Poptáváme tedy vizuální design stránky join.cesko.digital a lepší UX registračního formuláře, zejména ve výběru kompetencí.

Vizuální design

Web vlastně má obsahovat pouze nadpis (pracovně třeba „Přidej se k Česko.Digital!“), úvodní odstavec textu (možno vyjít odsud, ale text stejně poladíme později) a registrační formulář. Ten formulář je jádro věci, kvůli němu to celé existuje.
Je možné, že v budoucnu přidáme nějaké uvítací video, ale momentálně není na dohled.
Vzhledem k tomu, že adresu join.cesko.digital budeme propagovat i samostatně (tj. ne každý návštěvník k ní dojde přes cesko.digital), dávalo by mně smysl mít někde odkaz na hlavní web Česko.Digital, kde si případně zájemci můžou doštudovat detaily.

UX formuláře

Prototyp formuláře je tady, tady je aktuální návrh designu. Textace jsou provizorní, důležitá je logika zobrazování a skrývání.

Obecné poznámky:

V textu aktuálního formuláře je zmínka o Slacku. Tady je velká příležitost ji odsunout až po odeslání registračního formuláře – tedy uživatel odešle formulář, zamotá se nějaký spinner, pak se objeví potvrzující hláška a text, že teď může uživatel pokračovat registrací do našeho Slacku. To může být automatické přesměrování po x sekundách s tlačítkem pro okamžitý přechod, například.
Je možné rozdělit formulář do víc kroků, například první krok Jméno + Mail, druhý krok Kompetence.

Kompetence:

Máme seznam oborů (analýza, architektura, business, …) a ke každému z nich seznam podoborů (architektura: business architektura, enterprise architektura, solution architektura, …).
Chceme dát uživateli možnost vybrat libovolnou kombinaci oborů a následně ke každému z nich upřesnit, které podobory v něm umí.

Seniorita:

Ke každému oboru ještě poptáváme, jestli je v něm dotyčný „senior“ (textace provizorní)
Stačí nám vědět hodnota ano/ne, tedy například checkbox na každý obor

Mentoring:

Chceme vědět, jestli je dobrovolník ochoten mentorovat či vést ostatní
Jde o hodnotu ano/ne (checkbox například), vztahuje se k dobrovolníkovi (tedy nikoliv k jeho kompetencím)
Hint: nemusí se zobrazit, pokud dobrovolník není v ničem seniorní

Data pro formulář jsou uložená v Airtable, veřejný náhled tady.
Výstup z formuláře chceme ukládat opět do Airtable.
Načítání dat z Airtable a zapisování nazpět zřejmě budeme muset vyřešit malými samostatnými službami, protože jinak bychom museli řešit ochranu přístupových klíčů na straně klienta. Pár takových mini služeb už máme, viz cesko-digital/cd-tools.

Vzhledem k tomu, že reprezentace dat v Airtable neumožňuje normalizovaný způsob zápisu a pro nastávající období musí být Airtable hlavním "zdrojem pravdy", je dočasný způsob uložení dat spíše podružný a hlavní důraz by měl být kladen na návrh rozhraní mezi webem a samostatnou službou, která datový zdroj zapouzdřuje.
Pro účely uložení dat postačí vnímat flagy "senior" a "mentor" jako speciální kompetence, což zjednodušuje práci v Airtable.