Automaattinen täyttö ja esitäytetyt kentät ovat kaksi tapaa vähentää kirjoittamista, jota kävijän pitää tehdä. Automaattinen täyttö toimii selaimen puolelta. Esitäytetyt kentät toimivat sinun taustajärjestelmästäsi. Yhdessä ne nostavat täyttöasteita merkittävästi.
Tässä luvussa käydään läpi, mitä molemmat tekevät, miten ne toimivat, milloin kumpaakin käytetään ja miten ne otetaan käyttöön oikein.
Automaattisen täytön ja esitäytettyjen kenttien mitattavat hyödyt
Chrome Developersin tutkimus seurasi tuhansia lomakkeita Yhdysvalloissa. Kun kävijät käyttävät selaimen automaattista täyttöä, he täyttävät lomakkeet noin 35 % nopeammin. Heidän hylkäysasteensa laskee noin 75 %, vaikka automaattinen täyttö täyttäisi vain osan lomakkeesta. Käyttäjien täytyy silti tarkistaa ja vahvistaa, mitä selain täytti, mutta todellisen eron tekee vähentynyt kirjoitusvaiva.
Yhdessä usean lomaketyypin aineistossa 23 % käyttäjistä laukaisi automaattisen täytön lomakematkallaan. Nämä käyttäjät saivat lomakkeen valmiiksi 71 % ajasta. Kävijöillä, jotka eivät käyttäneet automaattista täyttöä, täyttöaste oli 59 %. Tuo 12 prosenttiyksikön ero kasvaa nopeasti, kun lomakkeita pyöritetään suuressa mittakaavassa.
Esitäytetyt kentät osoittavat samanlaista liikettä. Kun lomake näyttää osittain valmiilta, käyttäjät todennäköisemmin täyttävät sen loppuun kuin kun he näkevät tyhjän lomakkeen. Tämä toimii, koska jo liikkeellä olevan asian loppuun vieminen tuntuu helpommalta kuin tyhjästä aloittaminen.
Miten automaattinen täyttö toimii ja mitä sinun täytyy tehdä sen tukemiseksi
Useimmat kävijät käyttävät nykyään selainta, jossa on automaattinen täyttö. Chromessa ja muissa yleisissä selaimissa se on. Monet käyttävät salasanahallintaohjelmia, jotka laajentavat automaattisen täytön kykyjä vielä pidemmälle. Mutta automaattinen täyttö toimii vain, jos lomakkeesi on asetettu vastaanottamaan se.
Selain katsoo kunkin syöttökentän nimeä ja type-attribuuttia. Jos kenttäsi nimi on jotain yleistä kuten "field1" tai "input2", selain ei tiedä, mitä sillä pitäisi täyttää. Jos nimeät sen "email" ja asetat tyypiksi "email", selain tietää. Jos nimeät sen "shipping_address_line_1" ja asetat autocomplete-attribuutiksi "address-line1", selain tietää täsmälleen, mitä siihen laitetaan.
HTML:n pitää vastata sitä, mitä selaimet odottavat. Käytä vakiokenttien nimiä. Aseta oikea type-attribuutti (email, tel, number, text). Lisää autocomplete-attribuutti oikealla arvolla jokaiselle kentälle. Yleisimpiä, joiden käyttäjät odottavat automaattisen täytön hoitavan, ovat sähköpostikentät (type="email" ja autocomplete="email"), puhelinkentät (type="tel" ja autocomplete="tel"), osoitekentät (tietyt autocomplete-arvot kuten autocomplete="address-line1" katuosoitteelle, autocomplete="address-level1" osavaltiolle tai alueelle, autocomplete="postal-code" postinumerolle) ja nimikentät (type="text" ja joko autocomplete="given-name" etunimelle tai autocomplete="family-name" sukunimelle).
Jos lomakkeesi jättää autocomplete-attribuutin kokonaan pois, selaimet yrittävät silti arvata kenttien nimien perusteella. Mutta selkeät autocomplete-arvot toimivat paremmin. Näiden attribuuttien oikea asettaminen maksaa itsensä takaisin joka kerta, kun jonkun selain täyttää hänen osoitteensa ilman, että hänen tarvitsee kirjoittaa sitä.
Miten esitäytetyt kentät toimivat ja milloin niistä oikeasti on hyötyä
Esitäytetyt kentät toimivat parhaiten, kun käyttäjä tietää, että sinulla on tieto. Jos joku kirjautui tililleen, hän odottaa puhelinnumeronsa ja nimensä olevan jo valmiina. Jos he klikkasivat sähköpostin linkkiä, jossa luki "Vahvista osoitteesi", he odottavat osoitteen näkyvän esitäytettynä. Tieto ei ole yllätys.
Esitäytä yleiset kentät, jotka käyttäjät ovat jo antaneet sinulle. Sähköposti, jos he rekisteröityivät sähköpostilla. Yrityksen nimi, jos he rekisteröityivät yrityksenä. Mikä tahansa osoite, jota olet jo kysynyt. Jätä tyhjiksi kentät, jotka kysyvät uutta tietoa. Kävijä haluaa nähdä, että muistit, mitä he kertoivat, mutta he haluavat myös hallita sitä, mitä menee lomakkeeseen, jonka he ovat lähettämässä.
Avoimuus on tässä tärkeää. Tee selväksi, miksi nuo kentät on esitäytetty. "Yrityksesi nimi on tiedoissamme" tai "Tämä on osoite, jonka annoit meille viime kerralla" vie kaksi sekuntia lisätä pienenä huomautuksena lomakkeen yläpuolelle ja poistaa sekaannuksen. Vaiva syntyy, kun kentät tuntuvat täyttyvän ilman suostumusta.
Milloin esitäyttöä kannattaa välttää ja mikä voi mennä pieleen
Esitäytetyt kentät toimivat vain, kun tieto on tarkkaa ja ajantasaista. Jos kävijä päivitti puhelinnumeronsa mutta lomake hakee vanhasta tietokannasta, he näkevät väärän tiedon ja heidän täytyy korjata se. Tuo vaiva kumoaa tarkoituksen. Anna käyttäjille aina mahdollisuus muokata ja korjata esitäytettyä dataa. Älä koskaan lukitse kenttää ja pakota heitä ottamaan yhteyttä tukeen sen muuttamiseksi.
Jos et ole varma tietojen tarkkuudesta, esitäytä vain kentät, jotka päivität säännöllisesti, ja jätä muut tyhjiksi. Säännellyillä aloilla kuten rahoituspalveluissa tai terveydenhuollossa jätä arat kentät esitäyttämättä, vaikka sinulla olisi tiedot. Älä esitäytä maksutapoja kassalla, ellei kävijä ole nimenomaisesti tallentanut sitä tapaa. Tavoite on vähentää kävijöiden vaivaa, ei luoda illuusiota valmiista lomakkeesta.
Automaattisen täytön ja esitäytettyjen kenttien käyttö yhdessä suurimman vaikutuksen saamiseksi
Vahvin tapa käyttää molempia samanaikaisesti. Kirjautuneille kävijöille esitäytä tiedot, jotka järjestelmässäsi on. Uutta selainta tai laitetta käyttäville kävijöille varmista, että autocomplete-attribuuttisi on asetettu oikein, jotta heidän selaimensa automaattinen täyttö voi toimia. Jotkut kävijät näkevät esitäytettyä dataa. Jotkut käyttävät selaimen automaattista täyttöä. Jotkut tekevät molempia. Kummassakin tapauksessa lomake vaatii vähemmän kirjoittamista ja täyttöasteet paranevat.
Eri kävijät saapuvat eri tiloissa. Kirjautunut palaava asiakas on yksi tilanne. Uusi kävijä ensimmäisessä vuorovaikutuksessaan on toinen. Palaava kävijä uudella laitteella on kolmas. Jokainen hyötyy joko toisesta mekanismista tai toisesta. Yhdessä ne luovat lomakekokemuksen, joka tuntuu tehokkaalta riippumatta siitä, minkä polun kävijä kulkee.
Mikä kannattaa esitäyttää ja mikä jättää tyhjäksi
Automaattinen täyttö ja esitäyttö ovat tehokkaimpia yleisille tiedoille. Sähköposti, puhelin, nimi, osoite, yrityksen nimi, postinumero. Nämä kentät esiintyvät monissa lomakkeissa, joten sekä kävijät että selaimet hyötyvät siitä, että ne muistetaan.
Arkojen tietojen kanssa ole valikoiva. Rahoituslomakkeiden ei pitäisi esitäyttää maksutapoja, ellei kävijä ole nimenomaisesti tallentanut sellaista. Terveydenhuoltolomakkeiden ei pitäisi esitäyttää sairaushistoriaa. Turvakenttiä kuten salasanoja ei pitäisi koskaan esitäyttää manuaalisesti (salasanahallintaohjelmat hoitavat tämän automaattisesti). Jos alallasi on vaatimustenmukaisuusvaatimuksia, noudata niitä riippumatta mukavuuden eduista.
Miten mittaat vaikutuksen täyttöasteisiisi
Lomakelähetyksistäsi et näe, käyttikö kävijä automaattista täyttöä vai ei. Mutta voit mitata vaikutuksen vertaamalla täyttöasteita ennen automaattisen täytön tuen käyttöönottoa ja sen jälkeen. Jos sinulla ei ole nykyisin automaattisen täytön ystävällistä koodia, aseta autocomplete-attribuuttisi oikein. Mittaa täyttöaste viikon ajan ja vertaa sitä seuraavaan viikkoon. Mitattavan nousun pitäisi näkyä.
Esitäytetyille kentille testi on samanlainen. Jos voit segmentoida yleisösi, näytä osalle kävijöistä esitäytettyä dataa ja toisille tyhjiä kenttiä. Täyttöasteen pitäisi olla korkeampi esitäytetyssä ryhmässä. Jos ei ole, joko datasi on virheellistä tai esitäytettyjen kenttien määrä luo sekaannusta vauhdin sijaan.
Usein kysytyt kysymykset
Toimiiko automaattinen täyttö mobiilissa samalla tavalla kuin pöytäkoneella?
Onko automaattisen täytön käyttö turvallista salasanakentissä?
Voinko esitäyttää lomakkeen URL-parametrilla?
Mitä tapahtuu, jos automaattisesti täytetty tieto on väärä?
Heikentääkö lomakkeen esitäyttö datan laatua tai tuoko se vanhentunutta tietoa?
Mitkä lomaketyypit hyötyvät eniten automaattisesta täytöstä ja esitäytöstä?
Automaattinen täyttö ja esitäytetyt kentät tuottavat mitattavia tuloksia. 35 %:n nopeusparannus ja 75 %:n hylkäämisen väheneminen koskevat kävijöitä, jotka käyttävät niitä. Ne toimivat parhaiten lyhyen lomakkeen ja selkeiden nimien rinnalla. Yhdessä nämä kolme elementtiä kasvattavat täyttöastetta merkittävästi.
Lue lisää lomakkeen pituuden vähentämisestä ihanteellisen lomakkeen pituuden täydellisestä oppaasta. Teknisestä toteutuksesta saat tietoa ohjeesta lomakkeiden esitäyttämisestä käyttäjätiedoilla. Laajemmasta optimointistrategiasta voit lukea lomakkeen konversioasteen optimoinnin oppaasta.