Sisu
- 1. Ärge märkige kohustuslikke välju
- 2. Ärge kasutage spinnereid
- 3. Vormi kohta on ainult üks nuputüüp või veel parem üks nupp
- 4. Tükeldatud väljad
- 5. Mõelge, miks te midagi küsite ja kuidas see kasutajale tundub
- 6. Kuupäevad on pisikesed vennad
- 7. Vormid arendaja käsitööna
- 8. Ärge kasutage vormides veerge
- 9. Ärge kasutage kahte välja, kui üks saab hakkama
- 10. Ole kena
Vormid, paljud disainerid ei vihka muud kui vormid. Need ei pruugi loovust tingimata välja tuua või? Võib-olla on aeg uuesti vorme vaadata ja mõista, et vorm on kõige põhilisem kasutaja ja tarkvara vestlus.
Unustage punkt ja klõps, vormid esindavad kõige rikkamat suhtlemist, millega me digitaalsete disaineritena kokku puutume. Järgmine kord, kui vorm teie poole jõuab, ärge arvake, et see on lihtsalt mõne toreda CSS-efekti rakendamine või kena jQuery õitsengu lisamine. Vormide kujundamine on palju põhjalikum.
Olen kasutaja testinud sadu vorme ja kujundanud kindlustusfirmadele, puhkuse broneerimise interaktsioonidele ja paljudele teistele keerukad vormid. Võimalik, et olete viimase paari kuu jooksul ühte minu vormi kasutanud.
Siin on õppetunnid, mida soovisin õppida enne vormide kujundamise alustamist.
1. Ärge märkige kohustuslikke välju
Teate väikest tärnikest, mis tähistab kohustuslikku välja? Olen kasutajate testimisel seda mitu korda ebaõnnestunud. Kontseptsioonina pole kohustuslikel väljadel palju mõtet, neil pole võrguühenduseta ekvivalenti. Need sobivad suurepäraselt arendajatele, kuna pakuvad kena mustvalget lähenemist valmimisele. Tärn ja kohustuslik väli ebaõnnestuvad, kuna see on õpitud käitumine. Tüüpiline käitumine, mida olen kasutaja testimisel näinud, on see, et kasutaja täidab ülaosas oleva vormi ja lõpetab kas siis, kui teda peatada on midagi või kui ta nuppu vajutab.
Lahendus on lihtne, märkige valikulised väljad, märkige koht, kus meie tore kasutaja peab peatuma, ja mõelge, kas neil on vaja see väli täita.
2. Ärge kasutage spinnereid
HTML5 on geniaalne, kas pole? See pakub mängimiseks palju uusi põnevaid tööriistu. Peame mõtlema oma uute mänguasjade sobivusele. Numbriväljal on nüüd vähe üles ja alla nooli, mis võimaldavad kasutajal numbrites liikuda.
Siin on kaks probleemi. Esiteks muudab noolte vaikebrauseri kuvamine need tõesti väikeseks. Klõpsimine on väga tore ja meie seas näppuv paksus hakkab iPhone'is vaeva nägema. Seda nimetatakse Fitti seaduseks, mida väiksem on midagi, seda raskem on sellel klõpsata.
Aga ma kuulen, kuidas sa hüüdsid, saate lihtsalt numbri otse väljale sisestada. Jah, saate seda teha, kuid vaatame brauseri kuva, üles / alla pöörlevad nooled sarnanevad meie usaldusväärse sõbra valikukastiga. Kasutaja, kes esmakordselt ketruskaamerat esitas, eeldab, et kuna ta meenutab valitud kasti, ei saa ta sellesse kirjutada.
Minu nõuanne on juhtida selgeks, kuni need muutuvad levinumaks kohaks või brauseri arendajad vaikimisi kujunduse välja sorteerivad.
3. Vormi kohta on ainult üks nuputüüp või veel parem üks nupp
Seal on vähe tuntud psühholoogia põhimõte nimega Hick's Law. Hick’s Law ütleb, et mida rohkem meile pakutakse võimalusi, seda raskem on valikut teha. Mitte raketiteadus, mida ma tean, vaid reegel, mida tasub meeles pidada.
Saate aidata oma toredat kasutajat, aidates neil valikut teha. Muutes kõik peamised nupud ühevärviliseks ja kui lehel on ainult üks neist, on valik lihtsam. Millisele nupule peaksin pihta? Oh, see on lihtne, see on suur värviline.
4. Tükeldatud väljad
Õppisin eelmises elus neuroteadusi ja õppisin nii mälu psühholoogiat - täpsemalt lühiajalist ehk töömälu. Nüüd, enne kui ütlete seda; ei, lühiajaline mälumaht ei ole 7 +/- 2, 4 +/- 1 või kui rääkida inimesest kolm kuni viis tükki. Oleme inimestena suurepärased visuaalsete stiimulite hindamisel, piirang on see, et me oleme paremad, kui arv on väiksem. Vormi väiksemateks rühmadeks tükeldamine muudab hindamise lihtsamaks, sest sageli tuleb kasutaja mällu see, mida kasutaja vormi peab sisestama.
Veenduge, et teie väljade rühmad oleksid umbes neli.
5. Mõelge, miks te midagi küsite ja kuidas see kasutajale tundub
See on ilmselt kõige sirgjoonelisem nõuanne, mida ma annan, kuid mida kasutatakse kõige vähem.
Võtame järgmise:
Küsige iga küsimus, mille esitate. Kas see on vajalik? Mis tunne on seda küsida?
Enamasti on äriline vajadus küsida ja me kui disainerid saame vajaduse üle vaielda, kuni oleme sinised. Küsimus tuleb esitada. Mõistes nende andmete ärilist vajadust, võime sageli kompromisse teha.
Me saame aidata, öeldes oma toredale kasutajale, miks me peame seda küsimust esitama. Kindlustage nende andmete kasutamine ja jagamine ning olge lihtsalt toredad.
Võttes uuesti meie näite:
See on endiselt karm küsimus, kuid loodetavasti oleme pilli magustanud.
6. Kuupäevad on pisikesed vennad
Kuupäevade sisestamine võib olla tõeline väljakutse ja seal on mõned lõksud, mida saate vältida. Suurim probleem on vigadega toimetulek.
Lihtsaim lähenemine on kalendri käivitamine. Väärib märkimist, et nädalad algavad Ühendkuningriigis esmaspäeval ja USAs pühapäeval. Kui teie kasutaja ei keskendu, võivad nad valida pühapäeva, kui nad mõtlevad esmaspäeva.
Samuti tasub mainida rahvusvahelisi kuupäevavorminguid. USA asetab kuu esimeseks, Jaapanis on esimene aasta. Nii et kuupäeva, nagu 4/5/12, võiks tõlgendada kolmel viisil.
Sellepärast on kõige parem kasutada valitud kaste.
7. Vormid arendaja käsitööna
Vormid on käsitöö nii arendajatele kui ka disaineritele. Mõistmine, milliseid võimalikke vigu võib andmete sisestamisel teha ja oma lõppkoodi toimetulekuks kujundada, on väljakutse.
Siin on lihtne. Valuuta väärtuse sisestamine. Kasutaja võimalikud vead on tohutud. Andmevormingute sundimine, millele kasutajad peavad vastama, on teie kasutaja jaoks pettumust valmistav ja, olgem ausad, arendajate poolt pisut laisk.
Mis oleks arendajale parem väljakutse kui kuulikindla vormi ehitamine.
8. Ärge kasutage vormides veerge
Veerudes veergude kasutamisel on suur probleem voog. Alustame vormi ülaosas ja lõpetame allosas. Veergude tutvustamisel saab vormi voo katkestada.
Ärge eeldage, et kasutajad kasutavad vormide vahelehte ja seetõttu on fookus viis veergudes vormides navigeerimiseks. Harva, kui olen seda kasutajate testimisel näinud. Enamasti näeme sisestamise üksikasju, klõpsake hiire / puuteplaadi / sõrmega järgmisele väljale, seejärel sisestage üksikasjad ja nii edasi.
9. Ärge kasutage kahte välja, kui üks saab hakkama
Enamik inimesi pole puutekirjutajad. Kasutajatestimisel näeme inimesi, kes kirjutamise ajal klaviatuuri vaatavad.
Telefoninumbri sisestamisel põhjustab vormivälja jagamine ütleme, et lisage suunakood ja number, tõelisi probleeme. Kasutajad ei näe ega mäleta, et seal on kaks välja, nii et sisestage esimesse väljale täisnumber, mis on hullem, kui väli on piiratud teatud arvu märkidega.
Telefoninumbri jaoks kasutage ainult ühte välja, sama kehtib ka maja numbri / tänava kohta - kasutage ainult ühte tekstivälja.
10. Ole kena
Oleksite üllatunud, kui palju on üsna ebaviisakaid veateateid.
Siin on näide ühest, mida hiljuti kohtasin.
See, et nad soovitavad teil tulevikus vabatahtlikult sisestada kuupäeva ja seejärel üsna nägus vastus, pole see eriti tore.
Jällegi asetage ennast kasutaja asemele, kuidas tunneksite seda viga nähes? Ärritunud? Võib-olla isegi hullem. Tore olla on lihtne.
Paremate vormide kujundamiseks olen koostanud allalaaditava võrevoodi / petulehe. See sisaldab palju muid parimate tavade viise paremate vormide kujundamiseks.
