Turinys
- 1. Nepažymėkite privalomų laukų
- 2. Nenaudokite suktukų
- 3. Kiekvienoje formoje turi tik vieno tipo mygtukus arba dar geriau - tik vieną mygtuką
- 4. Skaldyti laukai
- 5. Pagalvokite, kodėl ko nors klausiate ir kaip tai jaučiasi vartotojui
- 6. Datos yra šmaikščios mažos draugės
- 7. Formos kaip kūrėjo amatas
- 8. Nenaudokite stulpelių formose
- 9. Nenaudokite dviejų laukų, kai tai padarys vienas
- 10. Būk malonus
Formos, nieko dizaineriai nekenčia labiau nei formos. Jie nebūtinai išryškina kūrybiškumą, ar ne? Gal laikas vėl pažvelgti į formas ir suprasti, kad forma yra pati svarbiausia vartotojo ir programinės įrangos pokalbis.
Pamirškite tašką ir paspaudimą, formos yra turtingiausia sąveika, su kuria susidursime kaip skaitmeniniai dizaineriai. Kitą kartą forma pasirodys jūsų manymu, nemanykite, kad reikia tik pritaikyti puikius CSS efektus arba pridėti gražų „jQuery“ klestėjimą. Kuriant formas kur kas giliau.
Aš išbandžiau šimtus formų ir sukūriau keletą sudėtingų formų draudimo kompanijoms, atostogų rezervavimo sąveikai ir daugeliui kitų. Tikėtina, kad pastaruosius kelis mėnesius naudojote vieną iš mano formų.
Štai pamokų, kurių norėjau išmokti prieš pradėdamas kurti formas.
1. Nepažymėkite privalomų laukų
Žinote mažą žvaigždutę, kuri žymi privalomą lauką? Daug kartų mačiau, kad nepavyksta bandant vartotojų. Privalomi laukai neturi prasmės, jie neturi atitikties neprisijungus. Jie puikiai tinka kūrėjams, nes siūlo gražų juodai baltą požiūrį į užbaigimą. Žvaigždutė ir privalomas laukas nepavyksta, nes tai išmoktas elgesys. Tipiškas elgesys, kurį mačiau bandydamas vartotojus, yra tai, kad vartotojas užpildo formą viršuje ir baigia, kai yra kažkas, kas juos sustabdytų, arba jis paspaudžia mygtuką.
Sprendimas yra paprastas, pažymėkite pasirenkamus laukus, pažymėkite vietą, kur mūsų gražus vartotojas turi sustoti, ir pagalvokite, ar reikia užpildyti tą lauką.
2. Nenaudokite suktukų
HTML5 yra puikus, ar ne? Jis siūlo daugybę įdomių naujų blizgančių įrankių, kuriuos galite žaisti. Turime galvoti apie mūsų naujų žaislų tinkamumą. Skaičių lauke dabar yra nedaug rodyklių aukštyn ir žemyn, kad vartotojas galėtų pereiti skaičius.
Čia yra dvi problemos. Pirma, numatytasis rodyklių naršyklės rodinys daro juos tikrai mažus. Labai smagu spustelėti, o riebūs pirštai tarp mūsų kovos „iPhone“. Tai vadinama Fitto dėsniu, kuo mažesnis dalykas, tuo sunkiau jį spustelėti.
Bet girdžiu, kaip šaukiate, galite tiesiog įvesti skaičių tiesiai į skaičių lauką. Taip, galite, bet pažvelkime į naršyklės ekraną, rodyklės aukštyn / žemyn yra panašios į mūsų patikimą draugą pažymėtą langelį. Pirmą kartą su suktuku pristatytas vartotojas ketina manyti, kad jis negali į jį įvesti, nes jis panašus į pasirinktą langelį.
Mano patarimas yra vengti, kol jie tampa įprasta vieta arba naršyklės kūrėjai sutvarko numatytąjį dizainą.
3. Kiekvienoje formoje turi tik vieno tipo mygtukus arba dar geriau - tik vieną mygtuką
Yra mažai žinomas psichologijos principas, vadinamas Hicko dėsniu. Hicko įstatymas teigia, kad kuo daugiau variantų mums siūloma, tuo sunkiau pasirinkti. Ne žinau raketų mokslą, o taisyklę, kurią verta nepamiršti.
Galite padėti savo maloniam vartotojui padėdami pasirinkti. Padarę visus pagrindinius mygtukus vienspalvius ir turėdami tik vieną iš jų puslapyje, lengviau pasirinkti. Kurį mygtuką turėčiau paspausti? O, tai lengva, tai didelis spalvotas.
4. Skaldyti laukai
Ankstesniame gyvenime studijavau neuromokslus ir taip studijavau atminties psichologiją - būtent trumpalaikę ar darbinę. Dabar prieš tai sakydami; ne, trumpalaikės atminties talpa nėra 7 +/- 2, 4 +/- 1 arba, kalbant apie žmogų, kalbama nuo trijų iki penkių gabalų. Mes, kaip žmonės, puikiai vertiname regėjimo dirgiklius, suvaržymas mums yra geresnis, kai skaičius yra mažesnis. Formos suskaidymas į mažesnes grupes palengvina vertinimą, nes dažnai tai, ką vartotojas turi įvesti į formą, ateina iš jo atminties.
Įsitikinkite, kad laukų grupės yra maždaug keturių ilgių.
5. Pagalvokite, kodėl ko nors klausiate ir kaip tai jaučiasi vartotojui
Tai turbūt tiesiausias patarimas, kurį duodu, tačiau dažnai jis yra mažiausiai naudojamas.
Paimkime šiuos veiksmus:
Klausinėkite kiekvieną užduotą klausimą. Ar tai būtina? Koks jausmas to paprašyti?
Dažniausiai verslui reikia užduoti klausimą ir mes, kaip dizaineriai, galime ginčytis dėl būtinybės, kol neteksime mėlynos spalvos. Reikia užduoti klausimą. Suprasdami šių duomenų verslo poreikį, dažnai galime pakenkti.
Mes galime padėti pasakydami savo maloniam vartotojui, kodėl turime užduoti šį klausimą. Nusiraminkite dėl tų duomenų naudojimo ir dalijimosi jais ir tiesiog būk malonus.
Vėl paimdami mūsų pavyzdį:
Tai vis dar sunkus klausimas, bet, tikiuosi, mes pasaldinome piliules.
6. Datos yra šmaikščios mažos draugės
Datų įvedimas gali būti tikras iššūkis, todėl galite išvengti kelių spąstų. Didžiausia problema yra klaidų sprendimas.
Lengviausias būdas yra paleisti kalendorių. Verta paminėti, kad savaitės prasideda pirmadienį Jungtinėje Karalystėje ir sekmadienį JAV. Jei jūsų vartotojas nesusikaupia, jis gali pasirinkti sekmadienį, kai tai reiškia pirmadienį.
Taip pat verta paminėti tarptautinius datų formatus. JAV pirmauja mėnesį, Japonijoje - pirmi metai. Taigi tokią datą kaip 2012-04-05 galima interpretuoti trimis būdais.
Štai kodėl geriausia naudoti pasirinktus langelius.
7. Formos kaip kūrėjo amatas
Formos yra kūrėjai, taip pat dizaineriai. Suprasti, kokias galimas klaidas galima padaryti įvedant duomenis ir suprojektuojant savo vidinį kodą, kad būtų galima susidoroti, yra iššūkis.
Štai paprastas. Valiutos vertės įvedimas. Galimos klaidos, kurias gali padaryti vartotojas, yra didžiulės. Priversti duomenų formatus, kuriuos turi atitikti vartotojai, yra nemalonu jūsų vartotojui ir, pripažinkime tai, kūrėjams šiek tiek netingi.
Kas yra geresnis iššūkis kūrėjui, nei sukurti neperšaunamą formą.
8. Nenaudokite stulpelių formose
Didelė stulpelių naudojimo formose problema yra srautas. Mes pradedame formą viršuje ir baigiame apačioje. Įvedant stulpelius formos srautas gali būti padalintas.
Nemanykite, kad vartotojai naudojasi skirtukų formomis, todėl dėmesys yra būdas naršyti formas stulpeliuose. Retai kada mačiau tai bandydamas vartotojus. Dažniausiai mes matome įvesti išsamią informaciją, pele / jutikliniu kilimėliu / pirštu spustelėkite kitą lauką, tada įveskite išsamią informaciją ir pan.
9. Nenaudokite dviejų laukų, kai tai padarys vienas
Dauguma žmonių nėra lietimo mašinėlės. Vartotojų bandymų metu matome, kaip žmonės žiūri į klaviatūrą, kai jie spausdina.
Įvesdami telefono numerį, padalydami formos lauką, tarkime, pridėkite vietovės kodą ir numerį, kyla realių problemų. Vartotojai nemato ar iš tikrųjų nepamena, kad yra du laukai, todėl pirmajame lauke įveskite visą skaičių, dar blogiau, jei lauke yra tik tam tikras simbolių skaičius.
Telefono numeriui naudokite tik vieną lauką, tas pats pasakytina ir apie namo numerį / gatvę - naudokite tik vieną teksto įvedimo laukelį.
10. Būk malonus
Nustebsite, kiek gana nemandagių klaidų pranešimų yra.
Štai pavyzdys, kurį neseniai sutikau.
Pats faktas, kurį jie siūlo jums, noriai įveskite datą ateityje, o tada gana kruopštų atsakymą, na, tai nėra labai malonu.
Vėl pasistatykite save vartotojo vietoje, kaip jaustumėtės matydami šią klaidą? Erzina? Gal net blogiau. Būti malonu yra lengva.
Parengiau parsisiunčiamą lopšio / apgaulės lapą, kuris padės suprojektuoti geresnes formas. Tai apima daug daugiau gerosios patirties būdų, kaip kurti geresnes formas.
