7 salaisuuksia suurten lomakkeiden suunnitteluun
Lähes jokaisella sivuston suunnittelulla on jonkinlainen muoto. Yksinkertaisesta sähköpostiosoitteen kokoamisesta ilmoittaaksesi uutiskirjeen tai ilmoituksen täyttä maksutavat-lomakkeita varten, on ehdottoman tärkeää suunnitella helppokäyttöinen ja ymmärrettävä lomake.
Muotoilun standardit kehittyvät myös. Vaikka monet lomakkeet sisälsivät useita sarakkeita ja vaativat paljon tietoja, useimmat parhaista käytännöistä antavat mielestäni muodot mahdollisimman yksinkertaisiksi. Ja suunnittelussa on paljonkin. Hyvä muoto on skannattava, ei vaadi paljon kirjoittamista ja sisältää älykkäitä merkintöjä ja muotoilua, jotta käyttäjät voivat täyttää lomakkeet oikein ensimmäistä kertaa.
Seuraavassa on muutamia salaisuuksia varmistaaksesi, että suunnittelet lomaketta, jonka käyttäjät todella täyttävät.
1. Tee se helposti skannaamaan ja lukemaan
Tiedät, että käyttäjät hakevat verkkosivustoja keräämällä tietoja ja määrittävät, mitä toimia he käyttävät tai pitävät sisällön ja rakenteen kiinnostusta tai eivät. Sama pätee lomakkeisiin. Käyttäjän on voitava kertoa, mitä tietoja tarvitaan yhdellä silmäyksellä ja antaa selkeä selvitys siitä, mitä lomake on ja miten se toimitetaan.
Erittäin skannaava muoto sisältää seuraavat:
- Kontrasti: Tekstin on oltava lyhyt ja helppo lukea. Vältä runsaasti värejä ja pysy tavallisissa tummissa kevyissä teksti-taustayhdistelmissä.
- Ryhmittely ja tila: Ryhmätiedot, jotka ovat samankaltaisia pidemmillä muodoilla. Kun keräät esimerkiksi maksutietoja, ryhmäkohtaisia asiakastietoja, maksutietoja ja toimitustietoja. Kolme lyhyempää lohkoa on helpompi sulattaa kuin yksi pitkä. Käytä älykkäitä välilyöntejä kyseisiin tarroihin yhdistettynä kentälle, jonka ne selittävät, eikä tavallisten tekstien ja kenttäelementtien välillä.
- Kirkas viimeistely / toimintapyyntö : Tee nappi iso ja helppo nähdä. Painikkeen sisällä oleva mikrokopio ilmoittaa käyttäjille, mitä tapahtuu, esimerkiksi "lähetä", "maksa nyt" tai "jatka seuraavaan vaiheeseen." Muista sulkea takaisinkytkentäsilmukka ja anna käyttäjien tietää, milloin lomake on toimitettu asianmukaisesti.
2. Harkitse kelluvia tarroja
On keskusteltu paljon siitä, käytetäänkö merkintää lomakekentissä vai ei. Suurin ongelma on se, että liian usein tämä teksti ei mene pois klikkaamalla ja käyttäjien on aktiivisesti poistettava se aloittaakseen kirjoittamisen. Se on noloa.
Lisäksi, Löytyi Nielsen Norman Group että tyhjät kentät voivat piirtää silmän ja auttaa käyttäjiä syöttämään tietoja entistä selkeämmin.
Jos tunnet tarvetta käyttää vihjeitä, harkitse interaktiivista ratkaisua - kelluvia tarroja. Sisällytä otsikkotiedot lomakekenttien sisällä niin, että se näyttää paikkamerkkitekstinä, mutta anna tekstin animoida ja siirtyä vasemmalle vasemmalle, kun käyttäjä napsauttaa tai napsauttaa kenttää. Etiketti tai vihje ei koskaan mene pois, eikä se pääse tapaan, jolla käyttäjä yrittää täyttää lomakkeen. (Plus pikku animaatio on hauska yllätys käyttäjille.)
3. Käytä kentän maskeja
Kenttänaamarit voivat tarjota joitain samoja vihjeitä ja muodostaa vihjeitä, mutta ilman käyttökelpoisuutta. Kenttämaskin näkyy vain, kun käyttäjä aktivoi kentän ja antaa lisäkatselun vihjeen siitä, mitä tietoja tarvitaan. Maski voi auttaa käyttäjää edelleen muotoilemalla tietoja automaattisesti pyrkien välttämään virheitä, jotka potkaisivat lomakkeen lähettämistä varten.
Hyvä esimerkki toiminnon kenttämasista on puhelinnumeroilla. Harkitse useita muotovaihtoehtoja:
- (000) 000-0000
- 000-000-0000
- 0000000000
Kuinka käyttäjä tietää mikä toimii? Lomakekenttä määrittää ja säätää muotoa käyttäjätyyppinä, joten hänen ei tarvitse ajatella sitä, vaan vain numerotunnus. (Tämä myös säästää vaivaa vaihtaa mobiililaitteen näppäimistöjen välillä.)
4. Tee lomakkeet näppäimistöystävällisiksi
Sinulla ei ole mitään keinoa tietää, millaista laitetta käyttäjä voi kohdata lomakkeensa, mutta sen on oltava yhtä helppoa täyttää. Harkitse kaikenlaisia näppäimistöjä, jotka voisivat lähettää tietoja lomakkeeseen ja säätää kenttiä havaitsemaan ja käyttämään sopivaa vaihtoehtoa.
Pöytätietokoneilla käyttäjien on voitava syöttää lomake ja täyttää jokainen kenttä napsauttamatta hiirtä. Ennakoida automaattisesti kentästä seuraavaan, kun olet valmis tai käytä välilehtiä tai siirrä liikkeelle. W3.org on vankka joukko näppäimistön suositukset jotta voit seurata.
Mobiililaitteissa vastaa näppäimistötyyppi tarvittaviin tietoihin. Jos syötteessä on kirjaimia, avaa alfa-näppäimistö; numeroita varten, nosta numeerinen vaihtoehto. Googlesta: "Sovelluksen käyttäjät arvostavat sovelluksia, jotka tarjoavat asianmukaisen näppäimistön tekstinsyöttöä varten. Varmista, että tämä toteutetaan johdonmukaisesti koko sovelluksen sijaan vain tietyille tehtäville, mutta ei muille. "
5. Ota käyttöön vertikaalinen muoto
Pystysuorat muodot ovat käyttäjille helpompaa kuin useat sarakemuodot. Parhaan käytännön sääntö on varmistaa, että kaikki kentät voivat sopeutua ruudulle rullattaessa ylhäältä alasmuotoon.
Yhtä poikkeusta varten on erittäin lyhyt muoto, jossa käyttäjän on vain annettava sähköpostiosoite tai nimi ja sähköpostiosoite. Kaksi vierekkäistä saraketta, jota seuraa toimintapainike, voivat toimia hyvin tässä tilanteessa, kunhan sähköpostiosoite on riittävän pitkä, jotta käyttäjät näkevät kaikki osoitteensa kirjeet.
Muista tilata elementit loogisesti pystysuoraan muotoon. Jos keräät etunimi, sukunimi, sähköpostiosoitteesi ja hiusten väri, sekoita ne näin.
6. Rajoitusmäärittely
Käytä mahdollisimman monta esitäyttösovellusta lomakkeiden kanssa. Mikään ei ole miellyttävämpää, sitten lisäämällä osoitteen ja muutaman ensimmäisen hanaamisen jälkeen Google-sovellusliittymä potkaisee ja ehdottaa osoiteasetuksia.
Tämä tekee kolmesta asiasta:
- Se helpottaa käyttäjiä, erityisesti matkapuhelimissa.
- Se auttaa rajoittamaan tarvittavien kenttien määrää.
- Se voi auttaa poistamaan jonkin käyttäjän virheen, kuten mistypingin.
Harkitse sama asia sähköpostiosoitteilla, niin että käyttäjät saavat suosittuja sähköpostiosoitteita @ -merkin jälkeen. Kun käyttäjä kirjoittaa [sähköposti suojattu] .... kenttä ehdottaa automaattisesti [email suojattu] .
7. Pidä se lyhyt ja makea
Olette houkuttelevia pyytämään käyttäjiltä paljon lomakkeiden tietoja. Vastustaa kiihkeästi!
Pyydä vain tärkeitä tietoja lomakkeissa. On todennäköisempää, että käyttäjät täyttävät lomakkeita, jotka vaativat vähemmän sitoutumista. Jos tarvitset lisätietoja myöhemmin, voit lähettää ne sähköpostista luettelosta pyytämällä lisätietoja. (Kuten jo valinnut käyttäjä, käyttäjä todennäköisemmin osallistuu sinuun enemmän tällä hetkellä.)
Vältä valinnaisia kenttiä. Älä pyydä tarpeetonta tietoa. Älä käytä useita kenttiä, joissa voit käyttää yhtä (esimerkiksi puhelinnumeroita).
johtopäätös
Anna käyttäjille vastineeksi lomakkeen täyttämistä. Tee se hauska tai mielenkiintoinen. Kiitos käyttäjälle.
Luotettavan ja helppokäyttöisen lomakkeen luominen lisää mahdollisuuksia kerätä tietoja ja kääntää verkkosivuston kävijä uudelleenkäyttäjälle.