Sisältö
- 1. Älä merkitse pakollisia kenttiä
- 2. Älä käytä kiekkoa
- 3. Sinulla on vain yksi painikkeen tyyppi tai vielä parempi yksi painike kutakin lomaketta kohti
- 4. Palat kentät
- 5. Mieti, miksi kysyt jotain ja miltä se tuntuu käyttäjältä
- 6. Päivämäärät ovat mutkikkaita pieniä kavereita
- 7. Muodostuu kehittäjänä
- 8. Älä käytä sarakkeita lomakkeissa
- 9. Älä käytä kahta kenttää, kun yksi tulee
- 10. Ole mukava
Lomakkeet, monet suunnittelijat eivät vihaa muuta kuin lomakkeet. Eivätkö ne välttämättä tuo luovuutta esiin? Ehkä on aika tarkastella lomakkeita uudelleen ja ymmärtää, että lomake on pohjimmiltaan käyttäjän ja ohjelmiston välinen keskustelu.
Unohda kohta ja napsauta, lomakkeet edustavat rikkainta vuorovaikutusta, jota digitaalisina suunnittelijoina kohtaamme. Seuraavan kerran lomake tulee omalla tavallasi, älä ajattele vain hienojen CSS-tehosteiden soveltamista tai mukavan jQuery-kukoistuksen lisäämistä. Lomakkeiden suunnittelu on paljon syvempää.
Olen testannut satoja lomakkeita ja suunnitellut monimutkaisia lomakkeita vakuutusyhtiöille, lomavarausten vuorovaikutuksille ja monille muille. Olet todennäköisesti käyttänyt yhtä lomakkeistani viime kuukausina.
Tässä ovat toiveet, jotka halusin oppineeni ennen kuin aloitin lomakkeiden suunnittelun.
1. Älä merkitse pakollisia kenttiä
Tiedätkö pienen tähden, joka tarkoittaa pakollista kenttää? Olen nähnyt sen epäonnistuvan monta kertaa käyttäjien testauksessa. Käsitteenä pakollisilla kentillä ei ole paljon järkeä, eikä niillä ole offline-vastaavuutta. Ne ovat erinomaisia kehittäjille, koska ne tarjoavat mukavan mustavalkoisen lähestymistavan loppuunsaattamiseen. Tähti ja pakollinen kenttä epäonnistuvat, koska se on opittua käyttäytymistä. Tyypillinen käyttäytyminen, jonka olen nähnyt käyttäjätestauksessa, on se, että käyttäjä täyttää lomakkeen yläosassa ja lopettaa joko silloin, kun on jotain estävää tai hän painaa nappia.
Ratkaisu on yksinkertainen, merkitse valinnaiset kentät, merkitse paikka, jossa mukavan käyttäjän on pysähdyttävä, ja miettikää, tarvitseeko hän täyttää kentän.
2. Älä käytä kiekkoa
HTML5 on loistava, eikö olekin? Se tarjoaa paljon jännittäviä uusia kiiltäviä työkaluja pelaamiseen. Meidän on mietittävä uusien lelujemme sopivuutta. Numerokentässä on nyt vähän ylös- ja alas-nuolia, jotta käyttäjä voi selata numeroita.
Tässä on kaksi ongelmaa. Ensinnäkin nuolien oletusnäyttö tekee niistä todella pienet. Hyvin hieno napsautus ja rasvaiset sormet keskuudessamme kamppailevat iPhonella. Sitä kutsutaan Fittin laiksi, mitä pienempi jotain on sitä vaikeampaa sitä napsauttaa.
Mutta kuulen sinun huutavan, voit kirjoittaa numeron suoraan numerokenttään. Kyllä, voit, mutta katsotaanpa selaimen näyttöä, ylös / alas pyörivät nuolet muistuttavat luotettavaa ystäväämme valintaruutua. Käyttäjä, joka on ensimmäistä kertaa esittänyt kiekkoa, olettaa, että se ei voi kirjoittaa siihen, koska se muistuttaa valintaruutua.
Minun neuvoni on päästä eroon, kunnes niistä tulee yleisempi paikka tai selaimen kehittäjät lajittelevat oletusmallin.
3. Sinulla on vain yksi painikkeen tyyppi tai vielä parempi yksi painike kutakin lomaketta kohti
Siellä on vähän tunnettu psykologiaperiaate nimeltä Hick's Law. Hickin lain mukaan mitä enemmän vaihtoehtoja meille tarjotaan, sitä vaikeampi on tehdä valinta. En tiedä rakettitiedettä, mutta sääntö, joka kannattaa pitää mielessä.
Voit auttaa mukavaa käyttäjää auttamalla heitä tekemään valinnan. Tekemällä kaikista ensisijaisista painikkeista yksi väri ja vain yksi niistä sivua kohden, valinta on helpompaa. Mikä on painike, jota minun pitäisi lyödä? Voi, se on helppoa, se on iso värillinen.
4. Palat kentät
Opiskelin neurotieteitä edellisessä elämässäni ja opiskelin siis muistipsykologiaa - erityisesti lyhytaikaista tai työmuistia. Nyt ennen kuin sanot sen; ei, lyhytaikaisen muistin kapasiteetti ei ole 7 +/- 2, 4 +/- 1 tai ihmisellä puhuen kolmesta viiteen palaa. Me ihmisinä pystymme erinomaisesti arvioimaan visuaalisia ärsykkeitä, rajoitus on, että olemme parempia, kun luku on pienempi. Lomakkeen pienentäminen pienempiin ryhmiin helpottaa arviointia, koska usein se, mitä käyttäjän on kirjoitettava lomakkeeseen, tulee heidän muististaan.
Varmista, että kentäryhmiesi pituus on noin neljä.
5. Mieti, miksi kysyt jotain ja miltä se tuntuu käyttäjältä
Tämä on luultavasti suorin neuvo, jonka annan, mutta sitä käytetään usein vähiten.
Otetaan seuraava:
Kysy jokaisesta kysymyksestäsi. Onko se tarpeellista? Miltä tuntuu kysyä tältä?
Useimmiten yrityksen on esitettävä kysymys, ja me suunnittelijoina voimme väittää välttämättömyydestä, kunnes olemme sinisiä. Kysymys on esitettävä. Ymmärtämällä näiden tietojen liiketoiminnan tarpeen voimme usein tehdä kompromisseja.
Voimme auttaa kertomalla mukavalle käyttäjällemme, miksi meidän on esitettävä tämä kysymys. Voit luottaa näiden tietojen käyttöön ja jakamiseen ja olla yleensä mukava.
Otetaan esimerkkimme uudelleen:
Se on edelleen vaikea kysymys, mutta toivottavasti olemme makeuttaneet pillerin.
6. Päivämäärät ovat mutkikkaita pieniä kavereita
Päivämäärien kirjoittaminen voi olla todellinen haaste, ja voit välttää muutamia sudenkuoppia. Suurin yksittäinen ongelma on virheiden käsittely.
Helpoin tapa on käynnistää kalenteri. On syytä huomata, että viikot alkavat maanantaina Isossa-Britanniassa ja sunnuntaina Yhdysvalloissa. Jos käyttäjä ei keskity, hän voi hyvinkin valita sunnuntain, kun tarkoitetaan maanantaina.
On myös syytä mainita kansainväliset päivämäärämuodot. Yhdysvallat sijoittuu kuukausi ensin, Japanissa vuosi ensin. Joten päivämäärää, kuten 4.4.2012, voidaan tulkita kolmella tavalla.
Siksi on parasta käyttää valintaruutuja.
7. Muodostuu kehittäjänä
Lomakkeet ovat käsityö sekä kehittäjille että suunnittelijoille. Haaste on ymmärtää mahdollisia virheitä tietojen syöttämisessä ja taustakoodin suunnittelussa selviytymiseksi.
Tässä on yksinkertainen. Valuutan arvon syöttäminen. Mahdolliset virheet, joita käyttäjä voi tehdä, ovat valtavat. Tietomuotojen pakottaminen, jonka käyttäjien on täytettävä, on turhauttavaa käyttäjällesi, ja tunnustetaan, kehittäjiltä hieman laiska.
Mikä on parempi haaste kehittäjälle kuin luodinkestävän lomakkeen rakentaminen.
8. Älä käytä sarakkeita lomakkeissa
Suuri ongelma sarakkeiden käytössä lomakkeissa on virtaus. Aloitamme lomakkeen ylhäältä ja lopetamme alareunasta. Sarakkeiden esittelyssä lomakkeen virta voidaan rikkoa.
Älä oleta käyttäjien välilehteä lomakkeiden kautta, joten kohdistus on tapa liikkua lomakkeissa sarakkeissa. On harvinaista, että olen nähnyt sen käyttäjien testauksessa. Suurimman osan ajasta näemme syöttötiedot, napsauta seuraavaan kenttään hiirellä / ohjauslevyllä / sormella ja syötä sitten tiedot ja niin edelleen.
9. Älä käytä kahta kenttää, kun yksi tulee
Useimmat ihmiset eivät ole kosketuskoneita. Käyttäjätestauksessa näemme ihmisten katselevan näppäimistöä kirjoittaessaan.
Kun syötät puhelinnumeron, joka jakaa lomakekentän, sano lisätä suuntanumero ja numero, aiheuttaa todellisia ongelmia. Käyttäjät eivät näe tai todellakaan muista, että kenttiä on kaksi, joten syötä koko numero ensimmäiseen kenttään, mikä on pahempaa, jos kenttä on rajoitettu tiettyyn merkkimäärään.
Käytä vain yhtä kenttää puhelinnumerolle, sama pätee talon numeroon / kadulle - käytä vain yhtä tekstiruutua.
10. Ole mukava
Olisit yllättynyt siitä, kuinka monta melko epäkohteliasta virheilmoitusta siellä on.
Tässä on esimerkki tapaamastani äskettäin.
Juuri se, että he ehdottavat sinun antavan vapaaehtoisesti päivämäärän tulevaisuudessa ja sitten melko viehättävän vastauksen, no, se ei ole kovin mukavaa.
Laita itsesi jälleen käyttäjän tilalle, miltä sinusta tuntuu nähdä tämän virheen? Vihainen? Ehkä vielä pahempaa. Mukava oleminen on helppoa.
Olen tuottanut ladattavan sängyn / huijausarkin, jonka avulla voit suunnitella parempia lomakkeita. Se sisältää monia muita parhaiden käytäntöjen tapoja suunnitella parempia lomakkeita.
