Vsebina
- 1. Ne označujte obveznih polj
- 2. Ne uporabljajte spinerjev
- 3. Imejte samo eno vrsto gumba ali še bolje le en gumb na obrazec
- 4. Polja kosov
- 5. Pomislite, zakaj nekaj sprašujete in kakšen je občutek za uporabnika
- 6. Datumi so zmedeni mali fantje
- 7. Oblike kot obrt za razvijalce
- 8. Ne uporabljajte stolpcev v obrazcih
- 9. Ne uporabljajte dveh polj, ko bo eno
- 10. Bodi prijazen
Obrazci, veliko oblikovalcev ne sovraži več kot oblike. Ni nujno, da ustvarjalnost prinesejo ven ali ne? Mogoče je čas, da znova pogledamo obrazce in razumemo, da je obrazec v bistvu pogovor med uporabnikom in programsko opremo.
Pozabite na točko in klik, obrazci predstavljajo najbogatejšo interakcijo, s katero se bomo soočili kot digitalni oblikovalci. Naslednjič, ko pride obrazec na pot, ne mislite, da gre le za uporabo lepih učinkov CSS ali dodajanje lepega razcveta jQuery. Pri oblikovanju obrazcev je veliko več globine.
Uporabnik sem preizkusil na stotine obrazcev in oblikoval nekaj zapletenih obrazcev za zavarovalnice, interakcije z rezervacijami počitnic in še veliko več. Verjetno ste v zadnjih nekaj mesecih uporabili enega od mojih obrazcev.
Tu so lekcije, ki sem si jih želel, da bi se jih naučil, preden sem začel oblikovati obrazce.
1. Ne označujte obveznih polj
Veste majhno zvezdico, ki označuje obvezno polje? To sem že velikokrat videl pri preizkušanju uporabnikov. Kot koncept obvezna polja nimajo veliko smisla in nimajo enakovrednega načina brez povezave. Odlične so za razvijalce, saj ponujajo prijeten črno-beli pristop k zaključku. Zvezdica in obvezno polje ne uspeta, ker gre za naučeno vedenje. Tipično vedenje, ki sem ga videl pri preizkušanju uporabnikov, je, da uporabnik izpolni obrazec na vrhu in zaključi, kadar ga nekaj ustavi ali pritisne gumb.
Rešitev je preprosta, označite neobvezna polja, označite kraj, kjer se mora naš prijazen uporabnik ustaviti, in razmislite, ali mora to polje izpolniti.
2. Ne uporabljajte spinerjev
HTML5 je sijajen, kajne? Ponuja ogromno novih vznemirljivih orodij za igranje. Razmisliti moramo o primernosti naših novih igrač. Številčno polje zdaj vključuje malo puščic gor in dol, da lahko uporabnik prečka številke.
Tu sta dve težavi. Prvič, privzeti prikaz puščic v brskalniku jih naredi resnično majhne. Zelo nerodno, da kliknete, in maščobe med nami se bodo borile na iPhoneu. Imenuje se Fittov zakon, manjši kot je težji klik nanj.
Slišim pa, kako vičete, lahko samo vtipkate številko neposredno v številčno polje. Da, lahko, a poglejmo si zaslon brskalnika, puščici gor / dol vrtenja so podobni izbirnemu polju našega zaupnega prijatelja. Uporabnik, ki mu je bil prvič predstavljen drsnik, bo domneval, ker je podoben izbirnemu polju, da vanj ne more vtipkati.
Moj nasvet je, da se izogibajte, dokler ne postanejo bolj običajni kraj ali razvijalci brskalnikov razvrstijo privzeto zasnovo.
3. Imejte samo eno vrsto gumba ali še bolje le en gumb na obrazec
Obstaja malo znano psihološko načelo, imenovano Hick's Law. Hickov zakon navaja, več možnosti, kot nam je na voljo, težje je izbrati. Ne raketne znanosti, ki jo poznam, ampak pravilo, ki ga je vredno upoštevati.
Svojemu prijaznemu uporabniku lahko pomagate tako, da mu pomaga pri izbiri. Če vse primarne gumbe naredite v eni barvi in imate samo enega na strani, je izbira lažja. Kateri gumb bi moral pritisniti? Oh, enostavno je, velika je.
4. Polja kosov
V prejšnjem življenju sem študiral nevroznanost in tako psihologijo spomina - zlasti kratkoročnega ali delovnega spomina. Zdaj preden rečete; ne, zmogljivost kratkoročnega pomnilnika ni 7 +/- 2, 4 +/- 1 ali po človeško govori tri do pet kosov. Kot ljudje smo odlični pri ocenjevanju vizualnih dražljajev, omejitev je, da smo boljši, če je število manjše. Razdeljevanje obrazca v manjše skupine olajša ocenjevanje, saj pogosto tisto, kar mora uporabnik vnesti v obrazec, prihaja iz njegovega spomina.
Poskrbite, da bodo vaše skupine polj dolge približno štiri.
5. Pomislite, zakaj nekaj sprašujete in kakšen je občutek za uporabnika
To je verjetno najbolj neposreden nasvet, ki ga dam, vendar je pogosto najmanj uporabljen.
Vzemimo naslednje:
Izprašajte vsako vprašanje, ki ga postavite. Ali je to potrebno? Kakšen je občutek, ko me to vprašajo?
Pogosto kot poslovno vprašanje je treba vprašati in kot oblikovalci se lahko prepiramo o nujnosti, dokler nismo modri v obrazu. Vprašanje je treba postaviti. Pri razumevanju poslovne potrebe po teh podatkih lahko pogosto sklenemo kompromise.
Pomagamo lahko tako, da svojemu prijaznemu uporabniku povemo, zakaj moramo postaviti to vprašanje. Pomirite glede uporabe in skupne rabe teh podatkov in bodite na splošno lepi.
Ponovno vzemimo naš primer:
Še vedno je težko vprašati, upamo pa, da smo tableto posladkali.
6. Datumi so zmedeni mali fantje
Vpis datumov je lahko pravi izziv in nekaj pasti se jim lahko izognete. Največja težava je reševanje napak.
Najlažji pristop je zagon koledarja. Omeniti velja, da se tedni začnejo v ponedeljek v Veliki Britaniji in nedeljo v ZDA. Če se vaš uporabnik ne osredotoča, lahko izbere nedeljo, če misli na ponedeljek.
Omeniti velja tudi mednarodne formate datumov. ZDA se uvrstijo na prvo mesto, na Japonskem je prvo leto. Torej bi lahko datum, kot je 4. 4. 12, razlagali na tri načine.
Zato je najbolje uporabiti izbrana polja.
7. Oblike kot obrt za razvijalce
Obrazci so obrti tako za razvijalce kot za oblikovalce. Razumevanje morebitnih napak pri vnosu podatkov in oblikovanju vaše kode za zagon je izziv.
Tu je preprost. Vnos vrednosti valute. Možnih napak, ki bi jih lahko naredil uporabnik, je ogromno. Forsiranje podatkovnih formatov, ki jih morajo uporabniki izpolnjevati, je za vašega uporabnika frustrirajoče in, priznajmo si, nekoliko lenobno s strani razvijalcev.
Kakšen boljši izziv za razvijalca kot izdelava neprebojne oblike.
8. Ne uporabljajte stolpcev v obrazcih
Velik problem pri uporabi stolpcev v obrazcih je pretok. Obrazec začnemo na vrhu in končamo na dnu. Pri uvajanju stolpcev lahko tok obrazca prekinemo.
Ne predvidevajte uporabniškega zavihka skozi obrazce, zato je osredotočenost način krmarjenja po obrazcih v stolpcih. Redko sem to videl pri testiranju uporabnikov. Večino časa vidimo vnos podrobnosti, z miško / sledilno ploščico / prstom kliknite na naslednje polje, nato vnesite podrobnosti in tako naprej.
9. Ne uporabljajte dveh polj, ko bo eno
Večina ljudi ni tipkarjev na dotik. Pri uporabniškem testiranju vidimo ljudi, ki tipkovnico gledajo, ko tipkajo.
Ko vnašate telefonsko številko, ki deli polje obrazca, recimo dodajte območno kodo in številko, povzroča resnične težave. Uporabniki ne vidijo ali se res ne spomnijo, da sta dve polji, zato v prvo polje vnesite celotno število, še huje, če je polje omejeno na določeno število znakov.
Za telefonsko številko uporabite samo eno polje, enako velja za hišno številko / ulico - uporabite samo eno polje za vnos besedila.
10. Bodi prijazen
Presenečeni bi bili nad tem, koliko precej nesramnih sporočil o napakah je tam zunaj.
Tu je primer enega, na katerega sem naletel pred kratkim.
Že samo dejstvo, da predlagajo, da bi v prihodnosti z veseljem vnesli zmenek, potem pa precej prisrčen odziv, no, ni prav lepo.
Spet se postavite na mesto uporabnika, kako bi se počutili, ko bi videli to napako? Siten? Mogoče celo slabše. Biti prijazen je enostavno.
Za lažje oblikovanje boljših obrazcev sem pripravil posteljico / goljufivo, ki jo lahko naložite. Vključuje še veliko najboljših praks za oblikovanje boljših obrazcev.
