Ako nenavrhovať webové formuláre

V skratke: Dobré webové formuláre stoja na jasnej komunikácii a jednoduchosti. Nechajte popisky polí viditeľné, ponúknite prihlásenie cez sociálnu sieť aj e-mail, píšte chybové hlášky, ktoré vysvetlia, čo chcete, a pravidlá (napríklad pre heslo) povedzte vopred, nie až po odoslaní.

Webové formuláre. Sú srdcom produktového dizajnu (väčšina produktov je z pohľadu používateľa len kopa formulárov) a zvyčajne najdôležitejšou časťou každej stránky, na ktorej sa objavia. Vzhľadom na túto dôležitosť by ste si mysleli, že po 25 rokoch ich tvorby už formuláre máme v malíčku.

Ale vôbec nemáme.

Alebo skôr: formuláre máme celkom dobre vyriešené, ale dobrá správa sa zrejme šíri trochu… nerovnomerne. Pozrime sa teda na niektoré z najčastejších problémov, ktoré nám webové formuláre prinášajú, a na to, ako to robiť lepšie.

Všetky popisky dajte do poľa

Viete, čo zbožňujem? Popisky polí, ktoré zmiznú, keď do poľa kliknem. Pretože si úplne pamätám, na čo sa ma pýtalo.

Iste, popisky vnútri poľa pôsobia ako elegantné riešenie problémov dizajnu formulárov. Formuláre sú často najdôležitejšou vecou na stránke. Ale keďže majú od estetickej krásy ďaleko, nie je ťažké pochopiť, prečo by ste chceli na stránke ušetriť trochu miesta.

Vlastne sa stavím, že prvý dizajnér, ktorý presunul popisky do poľa, sa na jeden deň cítil ako prekliaty génius. A úprimne dúfam, že sa tak cítil.

Ale ako mnoho zdanlivo geniálnych nápadov uvedených do praxe, aj tento zlyháva. Prináša výrazné problémy s prístupnosťou pre ľudí s kognitívnym znevýhodnením, a úprimne, aj pre nás ostatných. Pretože väčšinu času, keď vypĺňame formuláre, ideme na autopilota. Nevenujeme pozornosť popisku každého poľa ani tomu, čo doň zadávame.

Takže mať popisok viditeľný, aby mi pripomínal, čo práve robím, je veľmi praktické. Pomáha mi rýchlejšie dosiahnuť cieľ a zaručí, že nemusím mazať alebo vystrihovať už zadané údaje, len aby som si overil, že som do poľa dal správny obsah.

To ale neznamená, že musíte zostať pri štandardných postupoch dizajnu formulárov. Je v poriadku, ak chcete popisok po kliknutí čarovne vytiahnuť z poľa a usadiť ho nad ním. Ak máte pocit, že je to dobré využitie vášho času, smelo do toho, kamoš.

Ja osobne sa o to úprimne nestarám.

Ak chcete používať popisky vnútri poľa, zabezpečte, aby nejakým spôsobom zostali viditeľné.

Rozhodne mi nedovoľte prihlásiť sa cez sociálnu sieť

Pretože vážne, kto by chcel niečo také pohodlné ako prihlásenie jedným klikom?

Dobre, asi by som nemal tak ľahko rozdávať svoje prihlasovacie údaje zo sociálnych sietí každej aplikácii, ktorá o ne stojí. A súhlasím, že to nie je najudržateľnejšia možnosť. Ako by nám všetkým mal pripomenúť nedávny koniec jednej sociálnej siete, tieto „siete“, na ktorých prakticky žijeme, môžu zmiznúť zo dňa na deň.

Ale je to sakramentsky príjemné. Prihlásenie cez sociálnu sieť mi dáva pocit, že mám kľúč od celého internetu. Stačí vám ho dovoliť použiť, a bum! Som dnu. Oveľa lepšie ako vypĺňať kopu polí.

Všimnite si, ako mi jedna blogovacia platforma ponúka prihlásenie cez sociálnu sieť aj cez e-mail a zároveň mi povie, čo urobí s prístupom k môjmu účtu, ak jej ho dám.

Pravda, existuje veľa dôvodov, prečo prihlásenie cez sociálnu sieť nepoužiť, takže za tento bod veľa nestrhávam. Ale dúfam, že ste aspoň zvážili, že mi to takto uľahčíte.

A ešte, ak prihlásenie cez sociálnu sieť používate, nezabudnite tiež:

• Dať mi možnosť prihlásiť sa namiesto toho e-mailom, ak sa mi nechce dávať vám kľúče k mojim údajom zo sociálnych sietí
• Priamo povedať, čo s prístupom k môjmu účtu (účtom) urobíte a čo nie, pričom najdôležitejšie je, samozrejme, či budete na môj účet niečo zverejňovať bez môjho výslovného súhlasu

Pokojne v chybových hláškach používajte slová ako „neplatný“

Iste, pokojne buďte arbitrom platnosti. Určite ste si overili, aké „špeciálne“ znaky ľudia v menách naozaj používajú, však?

Nebudem sa tu do toho púšťať príliš hlboko. Pri písaní chybových hlášok je však dôležité byť informatívny a nápomocný. Povedať mi, že zadaný údaj je „neplatný“, je nielen potenciálne urážlivé, ale ani to nepomôže, pretože to nevysvetlí, ako vyzerá „platný“ údaj. Tak mi už konečne povedzte, čo chcete.

Povedať mi, že zadaný údaj je „neplatný“, je nielen potenciálne urážlivé, ale ani to nepomôže, pretože to nevysvetlí, ako vyzerá „platný“ údaj.

Áno, pýtajte si odo mňa „používateľské meno“

Pretože si určite chcem pamätať ešte niečo ďalšie, okrem e-mailov a hesiel k 120 iným webom, na ktoré som sa zaregistroval.

Čo, sme v 90. rokoch alebo čo?

Novinka: príťažlivosť anonymného internetu už bola preskúmaná a vyhodnotená ako zanedbateľná, takže ak váš web nepotrebuje nejakú vrstvu medzi mojím avatarom a mojou identitou, zbavte sa, prosím, tejto abstrakcie. Len pridáva zbytočnú kognitívnu záťaž a dramaticky zvyšuje moju potrebu kliknúť na tlačidlo „pomôžte mi prihlásiť sa“.

Jedna e-mailingová služba chce používateľské meno, ale v jej prípade to dáva dokonalý zmysel. Koniec koncov, jeden hacker vo vašom účte by mohol zničiť celý biznis.

Pravda, existujú weby, kde je anonymita (alebo jej lákavá možnosť) jednoznačne súčasťou hodnoty. Vy si len pokojne pokračujte. A viem si predstaviť aj bezpečnostné dôvody na vyžadovanie používateľského mena, keďže je to ďalšia vrstva medzi hackerom a mojím účtom.

Ale pre väčšinu webov a formulárov je to len zbytočná otrava. A pre tie weby, ktoré ho potrebujú, krátke vysvetlenie ako…

Vytvorenie používateľského mena pomáha lepšie chrániť váš účet, pretože je ťažšie ho zistiť ako e-mailovú adresu.

…môže výrazne zmierniť môj pocit, že mi len komplikujete život. Pamätajte: vaši zákazníci nevedia, čo robíte, ani prečo to robíte. Tak čo vám bráni im to povedať?

Hlavne predo mnou skryte informácie, ktoré potrebujem vedieť

Stalo sa vám niekedy, že ste vyplnili formulár, klikli na odoslať a až potom na vás vyskočil dôležitý detail o tom, ako vytvoriť heslo pre tento konkrétny web, ktorý ste pokazili, pretože vám ho vôbec nepovedali?

Pretože áno, naozaj chcem zistiť, že som s heslom urobil niečo zle, až potom, ako som si bol istý, že som dnu. Skvelý plán.

Ako som spomenul vyššie, chápem príťažlivosť štíhlejšieho, ostrejšieho a čistejšieho dizajnu formulárov. Ale ak moje heslo nevyhnutne musí obsahovať jedno veľké písmeno, jedno malé písmeno a jeden „špeciálny“ znak, nemali by ste mi to, viete, jednoducho povedať?

Netýka sa to len dizajnu prihlasovacích formulárov: všade, kde potrebujete konkrétne informácie zadané určitým spôsobom, dajte ľuďom vedieť vopred. Zjednodušíte im prácu a znížite frustráciu.

Nedovoľte mi vidieť, čo píšem

Chápem. Bodky sú tam namiesto znakov, ktoré píšem, aby nikto nemohol použiť najstarší hack v knihe: pozrieť sa mi cez plece.

Ale určite by ste mi mohli dať možnosť to riskovať, nie? Veď tu sedím v kancelárii, v pohodlnom kresle, nikto sa nado mnou nenakláňa. Môžem len nakuknúť?

Ako zlepšiť naše webové formuláre

Keď prejdem všetky svoje sťažnosti na formuláre, jedna vec je úplne jasná: výborné formuláre vyžadujú výbornú komunikáciu.

Nechať popisky viditeľné a nenechať ich zmiznúť po kliknutí: to je jasná komunikácia. Vyhýbať sa slovám ako „neplatný“? Presne tak, komunikácia. Prezradiť mi informácie, ktoré potrebujem vedieť, skôr ako urobím chybu? Áno, uhádli ste.

Komunikácia zohráva úlohu aj pri bezpečnostných otázkach, ktoré som spomenul. Bez toho, aby som vedel, že tieto veci slúžia na moju ochranu, pôsobia len zbytočne otravne. Ale keby si tieto weby našli chvíľu a vysvetlili mi ich účel… no, mohol by to byť naozaj pozitívny moment pre môj vzťah so značkou, nie?

Druhou kľúčovou ingredienciou je, samozrejme, zjednodušovanie: znížiť moju kognitívnu záťaž tým, že mi umožníte prihlásiť sa cez sociálnu sieť, ponúknete užitočné chybové hlášky a podobne. Takže nezabúdajte hľadať spôsoby, ako formuláre zjednodušiť, vrátane obmedzenia otázok len na to, čo naozaj potrebujete vedieť.

Otázky a odpovede

Majú byť popisky polí vo vnútri formulárového poľa?

Len ak po kliknutí zostanú viditeľné, napríklad sa presunú nad pole. Popisky, ktoré zmiznú, zhoršujú prístupnosť a spôsobujú chyby pri vypĺňaní.

Ako napísať dobrú chybovú hlášku vo formulári?

Namiesto slova „neplatný“ vysvetlite, aký údaj očakávate a v akom formáte. Hláška má pomôcť chybu opraviť, nie používateľa obviňovať.

Kedy si pýtať používateľské meno?

Len keď ho web naozaj potrebuje, napríklad kvôli anonymite alebo bezpečnosti. Vtedy jednou vetou vysvetlite prečo; inak stačí e-mail.

Kedy zobraziť pravidlá pre heslo?

Vždy pred vyplnením, priamo pri poli. Používateľ by sa nemal o požiadavkách dozvedieť až z chybovej hlášky po odoslaní formulára.

Formuláre a weby, ktoré ľudia naozaj vyplnia, vám navrhneme v PeknéWeby.