Sadržaj
- 1. Ne označavajte obavezna polja
- 2. Ne koristite okretače
- 3. Imajte samo jednu vrstu gumba ili još bolje samo jedan gumb po obrascu
- 4. Polja komadića
- 5. Razmislite zašto nešto pitate i kakav je osjećaj za korisnika
- 6. Datulje su vrckavi mali momci
- 7. Oblici kao obrt za programere
- 8. Ne koristite stupce u obrascima
- 9. Ne koristite dva polja kad će jedno učiniti
- 10. Budi fin
Obrasci, nema ničega što mnogi dizajneri mrze više od oblika. Ne donose nužno kreativnost ili ne? Možda je vrijeme da ponovno pogledamo obrasce i shvatimo da je obrazac, u osnovi, razgovor korisnika i softvera.
Zaboravite točku i klik, obrasci predstavljaju najbogatiju interakciju s kojom ćemo se suočiti kao digitalni dizajneri. Sljedeći put kada vam dođe obrazac, nemojte misliti da je stvar samo u primjeni lijepih CSS efekata ili dodavanju lijepog jQuery procvata. Mnogo je veća dubina dizajniranja obrazaca.
Korisnik sam testirao stotine obrazaca i dizajnirao neke složene obrasce za osiguravajuća društva, interakcije s rezervacijama za odmor i još mnogo toga. Vjerojatno ste koristili jedan od mojih obrazaca u zadnjih nekoliko mjeseci.
Evo lekcija koje sam želio naučiti prije nego što sam počeo dizajnirati obrasce.
1. Ne označavajte obavezna polja
Znate li malu zvjezdicu koja označava obavezno polje? To sam vidio puno puta u korisničkom testiranju. Kao koncept, obavezna polja nemaju puno smisla, nemaju izvanmrežni ekvivalent. Izvrsni su za programere jer nude lijep crno-bijeli pristup završetku. Zvjezdica i obavezno polje ne uspijevaju jer se radi o naučenom ponašanju. Tipično ponašanje koje sam vidio prilikom korisničkog testiranja je da korisnik ispunjava obrazac na vrhu i završava bilo kada da ih nešto zaustavi ili pritisnu gumb.
Rješenje je jednostavno, označite neobavezna polja, označite mjesto gdje se naš simpatični korisnik mora zaustaviti i razmislite treba li to polje popuniti.
2. Ne koristite okretače
HTML5 je sjajan zar ne? Nudi mnoštvo uzbudljivih novih sjajnih alata za igranje. Moramo razmišljati o prikladnosti naših novih igračaka. Polje s brojem sada uključuje malo strelica prema gore i dolje kako bi korisnik mogao proći kroz brojeve.
Ovdje postoje dva problema. Prvo, zadani prikaz strelica u pregledniku čini ih stvarno malim. Vrlo nespretno kliknuti, a debeli prsti među nama borit će se na iPhoneu. Zove se Fittov zakon, što je nešto manje to je teže kliknuti na njega.
Ali čujem kako vičete, možete samo upisati broj izravno u polje s brojem. Da, možete, ali pogledajmo zaslon preglednika, strelice za okretanje gore / dolje nalikuju odabranom odabiru našeg pouzdanog prijatelja. Korisnik koji je prvi put predstavljen okretačem pretpostavit će, jer podsjeća na odabrani okvir, da ne može u njega upisati.
Moj je savjet da se klonite dok ne postanu uobičajenije mjesto ili dok programeri preglednika ne riješe zadani dizajn.
3. Imajte samo jednu vrstu gumba ili još bolje samo jedan gumb po obrascu
Postoji malo poznato psihološko načelo koje se naziva Hickov zakon. Hikov zakon kaže da što više mogućnosti imamo, to je teže napraviti izbor. Ne znam raketnu znanost, već pravilo koje vrijedi imati na umu.
Možete pomoći svom simpatičnom korisniku pomažući mu da napravi izbor. Izradom svih primarnih gumba u jednoj boji i postojanjem samo jednog po stranici olakšava izbor. Koje je dugme koje bih trebao pritisnuti? Oh, lako je, velika je.
4. Polja komadića
U prošlom sam životu proučavao neuroznanost i tako proučavao psihologiju pamćenja - konkretno kratkoročno ili radno pamćenje. Prije nego što to izgovorite; ne, kapacitet kratkoročne memorije nije 7 +/- 2, 4 +/- 1 ili u ljudskom govoru tri do pet komada. Mi kao ljudi izvrsno procjenjujemo vizualne podražaje, ograničenje je u tome što smo bolji kada je taj broj manji. Razvrstavanje obrasca u manje skupine olakšava procjenu jer ono što korisnik mora unijeti u obrazac često dolazi iz njegove memorije.
Svakako provjerite jesu li vaše grupe polja oko četiri.
5. Razmislite zašto nešto pitate i kakav je osjećaj za korisnika
Ovo je vjerojatno najiskreniji savjet koji dajem, ali se često najmanje koristi.
Uzmimo sljedeće:
Ispitujte svako pitanje koje postavite. Je li potrebno? Kakav je osjećaj kad me to pitaju?
Češće postoji poslovna potreba za postavljanjem pitanja i mi kao dizajneri možemo raspravljati o nužnosti dok ne zaplavimo u licu. Pitanje mora biti postavljeno. Razumijevajući poslovnu potrebu za tim podacima često možemo napraviti kompromis.
Možemo vam pomoći rekavši lijepom korisniku zašto moramo postaviti to pitanje. Uvjerite se u upotrebu i dijeljenje tih podataka i općenito budite dobri.
Ponovno uzimanje našeg primjera:
Još uvijek je teško pitati, ali nadamo se da smo zasladili tabletu.
6. Datulje su vrckavi mali momci
Unos datuma može biti pravi izazov i postoji nekoliko zamki koje možete izbjeći. Najveći problem je rješavanje pogrešaka.
Najlakši pristup je pokretanje kalendara. Vrijedno je napomenuti da tjedni počinju ponedjeljkom u Velikoj Britaniji i nedjeljom u SAD-u. Ako se vaš korisnik ne koncentrira, mogao bi odabrati nedjelju kada misli na ponedjeljak.
Vrijedno je spomenuti i međunarodne formate datuma. SAD je na prvom mjestu mjesec, u Japanu je prva godina. Dakle, datum poput 4. travnja 2012. mogao bi se protumačiti na tri načina.
Zato je najbolje koristiti odabrane okvire.
7. Oblici kao obrt za programere
Obrasci su zanat za programere, ali i dizajnere. Razumijevanje mogućih pogrešaka prilikom unosa podataka i dizajniranja vašeg pozadinskog koda za izazivanje je izazov.
Evo jednostavnog. Unos vrijednosti valute. Moguće greške koje bi korisnik mogao napraviti su ogromne. Prisiljavanje formata podataka koje korisnici moraju ispunjavati frustrira vašeg korisnika i, priznajmo, malo je lijen od strane programera.
Kakav bolji izazov za programera od izrade neprobojne forme.
8. Ne koristite stupce u obrascima
Veliki problem u korištenju stupaca u obrascima je protok. Obrazac započinjemo na vrhu, a završavamo na dnu. U uvodu stupaca tok obrasca može se prekinuti.
Nemojte pretpostavljati karticu korisnika kroz obrasce i stoga je fokus način kretanja obrascima u stupcima. Rijetko sam to vidio u korisničkom testiranju. Većinu vremena vidimo kako unosimo detalje, kliknite na sljedeće polje pomoću miša / dodirne pločice / prsta, zatim unesite detalje i tako dalje.
9. Ne koristite dva polja kad će jedno učiniti
Većina ljudi nije tipkačica. Tijekom korisničkog testiranja vidimo ljude koji tipkovnicu gledaju dok pišu.
Kada unosite telefonski broj koji dijeli polje obrasca, recimo da dodate pozivni broj i broj, uzrokuje stvarne probleme. Korisnici ne vide ili se zapravo sjećaju da postoje dva polja, pa u prvo polje unesite puni broj, još gore ako je polje ograničeno na određeni broj znakova.
Upotrijebite samo jedno polje za telefonski broj, isto vrijedi i za kućni broj / ulicu - koristite samo jedan okvir za unos teksta.
10. Budi fin
Iznenadit ćete se koliko vani ima prilično prilično bezobraznih poruka o pogreškama.
Evo primjera jednog s kojim sam nedavno naišao.
Činjenica da vam sugeriraju da biste ubuduće voljno unijeli datum i onda prilično šaljiv odgovor, pa, nije baš lijepo.
Opet se postavite na mjesto korisnika, kako biste se osjećali kad vidite ovu pogrešku? Iznerviran? Možda i gore. Biti fin je lako.
Napravio sam krevetić / varalicu za preuzimanje koji će vam pomoći u dizajniranju boljih obrazaca. Uključuje mnogo više najboljih praksi za oblikovanje boljih obrazaca.
