Lomake eli verkkolomake on interaktiivinen elementti verkkosivulla, jonka kautta käyttäjät lähettävät tietoja yritykselle. Lomakkeita käytetään yhteydenottopyyntöihin, uutiskirjeen tilauksiin, tarjousten pyyntämiseen, tilausten tekemiseen ja muuhun tiedonkeruuseen. Lomake on usein konversion kriittisin vaihe – se on viimeinen este ennen kuin kävijä muuttuu asiakkaaksi tai liidiksi.
Hyvin suunniteltu lomake on nopea ja helppo täyttää. Huonosti suunniteltu lomake karkottaa käyttäjät ja alentaa konversiota dramaattisesti. Lomakkeen optimointi on yksi tehokkaimmista tavoista parantaa verkkosivuston suorituskykyä.
Lomakkeen rakenne ja kenttien määrä
Kultainen sääntö lomakesuunnittelussa on: kysy vain välttämätön. Jokainen ylimääräinen kenttä laskee täyttöastetta. Jos et todella tarvitse puhelinnumeroa, älä kysy sitä. Jos voit pyytää tiedot myöhemmin, tee niin – älä vaadi kaikkea etukäteen.
Pk-yritysten yhteydenottolomakkeessa tyypillisesti riittää: nimi, sähköposti, aihe ja viesti. Jos myyt B2B-palveluita, voit lisätä yrityksen nimen ja koon. Mutta älä kysy osoitetta, puhelinnumeroa, Y-tunnusta ja kaikkea muuta ennen kuin käyttäjä on osoittanut kiinnostuksensa.
Monivaiheinen lomake voi tuntua lyhyemmältä kuin yksi pitkä lomake, vaikka kenttien määrä on sama. Sen sijaan että näytät 10 kenttää kerralla, jaa ne kolmeen vaiheeseen. Tämä vähentää visuaalista pelottavuutta ja sitouttaa käyttäjää asteittain.
Lomakkeen käytettävyys
Käytä selkeitä kenttänimiä. “Etunimi” ja “Sukunimi” ovat parempia kuin “Nimi 1” ja “Nimi 2”. Älä oleta että käyttäjä ymmärtää ammattiterminologiasi. Jos kysyt jotain epäselvää, lisää pieni selitysteksti kentän alle.
Näytä selkeästi mitkä kentät ovat pakollisia. Tähti (*) on yleinen merkintätapa, mutta mainitse myös tekstillä “Pakolliset kentät merkitty tähdellä”. Värikoodaus auttaa: punaiset reunat virheellisille kentille, vihreät hyväksytyille.
Validoi kentät reaaliajassa, älä vasta lähetyksen jälkeen. Jos käyttäjä syöttää virheellisen sähköpostiosoitteen, kerro siitä heti kun hän siirtyy seuraavaan kenttään. Älä anna hänen täyttää koko lomaketta vain kertoaksesi vasta lopussa että kolmas kenttä oli väärin – se on turhauttavaa.
Käytä oikean tyyppisiä kenttäelementtejä. Sähköpostille type=“email”, puhelinnumerolla type=“tel”, määrälle type=“number”. Tämä parantaa mobiilikäyttöä, koska puhelin osaa näyttää oikean näppäimistön. Päivämäärille käytä date pickeriä, älä vaadi kirjoittamaan päivämäärää käsin.
Lomakkeen mobilioptimoint i
Yli puolet liikenteestä tulee nykyään mobiililaitteilla, joten lomakkeen täytyy toimia saumattomasti puhelimessa. Suuret, helposti koskettavat kentät ja painikkeet ovat välttämättömiä. Pieni kenttä tai painike on vaikea osua sormella.
Käytä yhden sarakkeen layoutia mobiilissa. Kaksi kenttää vierekkäin toimii tietokoneella, mutta puhelimessa ne ovat liian pieniä. Järjestä kentät pystysuunnassa, yksi kerrallaan.
Vältä pudotusvalikkoja (dropdown) jos vaihtoehtoja on vähän. 2-5 vaihtoehdolle radiopainikkeet ovat parempia – käyttäjä näkee kaikki vaihtoehdot kerralla ilman klikkailua. Puhelimessa dropdownit ovat erityisen kömpelöitä käyttää.
Autofill-ominaisuus on kultaakin arvokkaampi. Modernit selaimet osaavat täyttää nimiä, osoitteita, sähköposteja ja puhelinnumeroita automaattisesti, jos käytät oikeita kenttänimiä ja autocomplete-attribuutteja. Tämä nopeuttaa täyttöä merkittävästi.
Yhteenveto
Lomake on verkkosivuston kriittinen elementti, jonka kautta käyttäjät lähettävät tietoja yritykselle. Se on usein viimeinen este ennen konversiota. Hyvin suunniteltu lomake kysyy vain välttämättömän, käyttää selkeitä kenttänimiä, validoi reaaliajassa ja toimii saumattomasti mobiilissa. Jokainen ylimääräinen kenttä laskee täyttöastetta. Pk-yrityksen yhteydenottolomakkeessa riittää tyypillisesti nimi, sähköposti, aihe ja viesti. Käytä oikean tyyppisiä kenttäelementtejä, autofill-ominaisuutta ja yhden sarakkeen layoutia mobiilissa. Lomakkeen optimointi on yksi tehokkaimmista tavoista parantaa konversiota.