Soutěž: Machr na webdesign - Nepraktický formulář
Zadání
Vaším úkolem bude vytvořit co nejhorší formulář pro vstup od uživatele - ať už se bude jednat o adresu, objednávku z eshopu, kontaktní formulář nebo cokoliv jiného.
Z velké části se bude hodnotit nápad - za ten můžete dostat až
15 bodů
Snažte se vyvarovat vstupům na telefonní čísla - pár takových boomů už
tu bylo a reddit jich je plný. Pokud zjistím že kopírujete, máte
automaticky za tuto část 0 (i kdyby zbytek formuláře byl nedokonalý jak jen
to jde)
Aby to ovšem nebylo jen o nepřehlednosti, budete se muset vypořádat s dalšími kritérii.
Až 5 bodů můžete ulovit za celkový design. Přeci máte na víc než na textbox v levém horní rohu bílé stránky.
10 bodů bude za použitelnost na počítači. A aby jste neřekli, že je to moc tvrdé, hodnotit se bude v nejnovějším Chromu a Firefoxu. IE si necháme na jindy.
5 bodů bude také připsáno použitelnosti na mobilu, respektive malé rozlišení, absence klávesnice a další. (Můžete testovat v Chromu na Galaxy S5)
15 bodů bude uděleno za celkový vzhled, a přehlednost kódu ( za zbytečnou špagetizaci, nesmyslné funkce a další budou body strhávány) - výsledný kód bude pravý opak formuláře.
Celkem tedy můžete získat až 50 bodů
Kdo to nepochopil:
formulář = hnusný
kód = hezký
Stejně tak jako nepoužitelnost se bude hodnotit i použitelnost. Pokud na desktopu zadám číslo hraním hry na klávesnici, která se mi na mobilu nevejde na displej a bez klávesnice jí ani nespustim, tak je to ta negativní nepoužitelnost (body za to nedostanete)
Ve formuláři může být libovolná vylomenina, ale abychom to uživateli nedělali zas tak těžké, bude u ní napsáno, jak jí použít. Poté, co uživatel form potvrdí se zobrazí stránka (stačí plaintext), kde bude vypsáno co jste po uživateli chtěli a co zadal.
Povolené je HTML, CSS, PHP (mějte na paměti že formulář je spíše front-end), JS, stejně tak různé frameworky (Angular, React,...). Pokud odněkud vyhrabete knihovnu pro práci s periferiemi, raději se zeptejte ale neměl by být problém.
Svoje řešení klasicky zazipujte a odevzdejte prostřednictvím formuláře níže. Pokud můžete, zřiďte i online verzi.
Výhra
Vítěz dostane placku Machr, pár samolepek a ocenění do portfolia.
Výsledky
Jméno | bodů | Řešení ( Stáhnout vše ) |
---|---|---|
Pavol Hejný | 40 | Stáhnout řešení |
Jakub Mareš | 5 | Stáhnout řešení |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 24 zpráv z 24.