Useimmissa tutkimuksissa huonoiten toimiva lomakkeen lähetyspainike on aina sama. Sillä ei ole omaa väriä. Se sulautuu sivuun. Sen teksti on yksi sana. Ja se toimii luotettavasti jokaisella verkkosivustolla, joka haluaa vähemmän konversioita.
Se painike sanoo "Lähetä".
Kaikki painikkeelle asti päässeet kävijät eivät ole valmiita klikkaamaan sitä. Jotkut ovat vielä päättämättä. Jotkut jännittävät. Jotkut etsivät vakuutusta siitä, että lomakkeen täyttäminen on heidän aikansa arvoista. Painike on usein viimeinen vaikutelma, joka ratkaisee, vievätkö he asian loppuun. Yhden sanan yleinen teksti jättää heidät täyttämään tämän vakuutuksen itse. Harkiten suunniteltu painike täsmällisellä tekstillä poistaa epäilyn.
Tässä luvussa käydään läpi, mitä painikkeen teksti, väri ja sijoitus oikeasti muuttavat lomakkeen lähetysasteessa, miten lomakkeesi yhteys vaikuttaa siihen, mikä painikkeen teksti toimii, ja miten vältät ulkoasu- ja tekstikuviot, jotka tappavat konversioita huomaamatta.
Mikä painikkeen teksti oikeasti vaikuttaa konversioon
Toimintakehotuspainikkeita koskeva tutkimus osoittaa johdonmukaisia kuvioita. Yleiset painikkeet kuten "Lähetä" ja "Send" jäävät toimintakohtaista tekstiä jälkeen 30-40 prosenttia. Painike, jossa lukee "Hae ilmainen tarjoukseni", konvertoi paremmin kuin painike, jossa lukee "Lähetä". Painike, jossa lukee "Vahvista ilmoittautumiseni", toimii paremmin kuin "Lähetä". Mutta kyse ei ole nokkelasta tekstistä. Kyse on selkeydestä lopputuloksesta.
Kun kävijä vie hiiren painikkeen "Lähetä" päälle, hän vastaa epäsuoraan kysymykseen. Mitä olen lähettämässä? Minne se menee? Mitä seuraavaksi tapahtuu? Hänellä ei ole vastausta. Hän tekee oletuksen. Yleinen painikkeen teksti aiheuttaa vaivaa, koska se pakottaa kävijän päättelemään, mitä seuraa.
Täsmällinen, toimintaan ohjaava painikkeen teksti vastaa tähän kysymykseen heti. "Hae ilmainen tarjoukseni" kertoo kävijälle tarkasti, mitä klikkauksesta seuraa. "Vahvista ilmoittautumiseni" selittää seuraavan vaiheen. "Pyydä esittely" tekee selväksi, että he aloittavat keskustelun eivätkä sitoudu johonkin tuntemattomaan.
Kuvio pätee lomaketyypistä ja alasta riippumatta. Erään UX-tutkimuslaitoksen kassalomaketutkimuksessa "Viimeistele tilaus" voitti "Lähetä" konversioasteessa 25 prosentilla. Markkinointiohjelmiston yhteydenottolomaketestissä "Lähetä tiedusteluni" voitti "Lähetä" 18 prosentilla. Konversiotestausanalyysissä 50 verkkokaupan joukossa painikkeet, joissa oli hyöty tai seuraava vaihe, voittivat yhden sanan toiminnot keskimäärin 23 prosentilla.
Parannus ei ole pieni. Tämä ei ole 2 prosentin optimointi. Tämä tarkoittaa lomakkeen lähetysasteen nousua 15 prosentista 19 prosenttiin. Tai 300 lähetyksestä kuukaudessa 370:een. Painikkeen teksti on yksi lomakkeen tehokkaimmista muutoksista.
Painikkeen teksti lomaketyypeittäin
Sama toimintakehotusteksti ei toimi kaikissa lomakkeissa. Syy, miksi joku täyttää lomaketta, muokkaa sitä, mihin painikkeen tekstiin he reagoivat.
Rekisteröitymis- ja ilmoittautumislomakkeet
Kun joku luo tiliä, hän sitoutuu johonkin. Päätös on yleensä jo tehty. He eivät enää kysy "pitäisikö?". He kysyvät "toimiiko tämä?" ja "onko tämä turvallista?". Rekisteröitymisen painikkeen tekstin pitäisi vahvistaa toiminto ja antaa vakuutus.
Toimivia kaavoja: "Luo tilini", "Aloitetaan", "Vahvista ilmoittautumiseni". Vältä yleistä "Lähetä". Vältä tekstejä, jotka tuntuvat pysyviltä tai raskailta, kuten "Sitoudu tilin luomiseen". Pidä sävy kevyenä ja eteenpäin vievänä.
Salasanalla suojatuissa rekisteröitymisissä painikkeen teksti voi tunnustaa vaivan: "Luo salasana ja jatka". Tämä kertoo kävijälle, ettei hän luo salasanaa ilman syytä. Se on askel kohti jotain. Toiminto on selkeä.
Yhteydenotto- ja tiedustelulomakkeet
Yhteydenottolomakkeet hyötyvät keskustelevasta, inhimillisestä painikkeen tekstistä. Kävijä ottaa yhteyttä. Hän pyytää jotain. Painikkeen pitäisi kuulostaa siltä, että otat pyynnön vastaan.
Toimivia kaavoja: "Lähetä tiedusteluni", "Ota yhteyttä", "Lähetä viestini", "Pyydä lisätietoja". Nämä saavat lomakkeen tuntumaan keskustelulta, ei tietojen kaatamiselta.
Vältä kliinistä tai muodollista kieltä. Älä sano "Jätä tiedustelu". Sano "Lähetä tiedusteluni". Ero on hienovarainen. Toinen tuntuu liiketoimelta. Toinen tuntuu puhumiselta ihmiselle.
Varaus- ja ajanvarauslomakkeet
Kun joku täyttää varauslomaketta, hänen aikeensa on vahvistettu. He haluavat ajan. Painikkeen tekstin pitäisi olla suora ja poistaa epäilys siitä, mitä seuraavaksi tapahtuu.
Toimivia kaavoja: "Vahvista aikani", "Varaa istuntoni", "Sovi puheluni", "Varaa paikkani". Nämä tunnustavat, että henkilö on jo päättänyt. Painike on lopullinen vahvistusvaihe.
Vältä kaikkea, mikä luo epäselvyyttä. "Varaa" toimii. "Ilmoittaudu" tekee epäselvemmäksi, mitä varataan. Selkeys tässä vaiheessa nostaa täyttöastetta.
Kassa- ja maksulomakkeet
Verkkokaupan kassalla on eniten menetettävää epämääräisestä painikkeen tekstistä. Jokainen sana vaikuttaa tässä suoraan liikevaihtoon. Kävijä on valmis ostamaan. Älä luo epäröintiä.
Toimivia kaavoja: "Viimeistele ostokseni", "Maksa nyt", "Viimeistele tilaus", "Osta nyt". Jotkut kauppiaat testaavat hyötyä korostavaa tekstiä, kuten "Hae [tuotteen nimi]", vahvistaakseen sitä, mitä he saavat, ei sitä, mitä he maksavat.
Älä koskaan käytä yleistä "Lähetä". Testaa, toimiiko "Viimeistele ostokseni" vai "Osta nyt" paremmin yleisöllesi. Jotkut alat ja hintatasot reagoivat eri kieleen. Mutta molemmat voittavat yleisen tekstin.
Palaute- ja kyselylomakkeet
Kyselypainikkeiden pitäisi tuntua nopeilta ja helpoilta. Kävijä tekee sinulle palveluksen. Painikkeen tekstin pitäisi tunnustaa se ja saada se tuntumaan vaivattomalta.
Toimivia kaavoja: "Lähetä palautteeni", "Lähetä vastaukseni", "Jaa ajatukseni". Nämä tuntuvat nopeilta. Vältä kieltä, joka saa palautteen tuntumaan muodolliselta lähetykseltä. "Lähetä palautteeni" tuntuu kevyemmältä kuin "Jätä kysely".
Liidien kvalifiointi- ja B2B-lomakkeet
B2B-lomakkeet vaativat usein enemmän tietoa, koska ne suodattavat liidejä. Painikkeen teksti voi tunnustaa, mitä seuraavaksi tapahtuu, olematta luotaantyöntävä.
Toimivia kaavoja: "Pyydä tarjous", "Sovi konsultaatio", "Aloita ilmainen kokeiluni", "Pyydä räätälöity tarjous". Nämä tekevät selväksi, mikä seuraava vaihe on. Kävijä ei pelkää sitoutuvansa johonkin epämääräiseen.
Painikkeen ulkoasu vaikuttaa klikkausasteeseen enemmän kuin useimmat luulevat
Painikkeen teksti on vain osa tarinaa. Se, miltä painike näyttää ja missä se sijaitsee sivulla, muokkaa sitä, näkeekö joku sen klikattavana lainkaan.
Värikontrasti ja visuaalinen painoarvo
Taustaan sulautuva painike saa vähemmän klikkauksia kuin painike, jolla on korkea kontrasti. Kyse ei ole räikeästä suunnittelusta. Kyse on löydettävyydestä. Jos painike ei erotu visuaalisesti lomakkeesta, kävijä saattaa jättää sen kokonaan huomaamatta.
Tehokkaiden painikkeiden värikontrasti taustaan nähden on vähintään 4,5 suhteessa 1:een. Käytännössä tämä tarkoittaa, että painikkeen värin pitäisi olla selvästi erilainen kuin sivun tausta ja erilainen kuin muut lomakkeen osat.
Testaa, mikä toimii brändillesi. Jotkut brändit käyttävät brändiväriä, joka erottuu luonnostaan. Toiset käyttävät lämpimiä värejä kuten oranssia tai punaista viileillä taustoilla kuten harmaalla tai valkoisella. Tietty väri merkitsee vähemmän kuin kontrasti. Tee painikkeesta löydettävä.
Koko ja tyhjä tila
Liian pienet painikkeet eivät tunnu klikattavilta. Liian suuret painikkeet tuntuvat tyrkyttäviltä. Oikea koko on suhteessa lomakkeeseen ja sivuun. Painike, joka vie puolet lomakkeen leveydestä, tuntuu aggressiiviselta. 150 pikselin levyinen painike koko leveyden yhteydenottolomakkeessa tuntuu sopivalta.
Painikkeen ympärillä oleva tyhjä tila nostaa klikkausasteita. Muiden lomake-elementtien ympäröimä painike sulautuu joukkoon. Painike, jonka ympärillä on selvää tilaa, erottuu ja tuntuu klikattavalta. Lisää täyte painikkeen ylä- ja alapuolelle. Anna sen hengittää.
Painikkeen muoto ja tyyli
Pyöristetyt kulmat tuntuvat modernimmilta ja ystävällisemmiltä. Terävät kulmat tuntuvat yritysmäisemmiltä tai teknisemmiltä. Kumpikaan ei ole yleisesti parempi. Testaa, mikä tyyli sopii brändiisi ja yleisöösi.
Täytetyt painikkeet selkeällä taustalla toimivat paremmin kuin ääriviiva- tai haamupainikkeet useimmissa lomakeyhteyksissä. Ääriviivapainike, joka vastaa lomakkeen tyyliä, sulautuu joukkoon. Täytetty, kontrastoiva painike erottuu.
Varjot ja hover-tehosteet lisäävät tunnetta siitä, että jokin on klikattavaa. Painike, joka vaihtaa väriä tai jolla on näkyvä hover-tila, näyttää kävijälle, että se reagoi vuorovaikutukseen.
Painikkeen koko mobiilissa
Mobiilikäyttäjät napauttavat peukalolla. Liian pieni painike saa ohi menneitä napautuksia. Mobiilialustojen ohjeet suosittelevat vähintään 44 x 44 pikselin kosketuskohdetta, toisten ohjeiden mukaan 48 x 48 pikseliä. Mobiilin lomakkeissa painikkeiden pitäisi olla niin suuria, että peukalon kokoinen kohde osuu luotettavasti.
Mobiilissa painikkeet pinoutuvat usein pystysuunnassa. Koko leveyden painike tuntuu klikattavammalta kuin painike, joka näkyy vain osittain. Kiinteä painike, joka pysyy näkyvissä lomaketta vieritettäessä, nostaa täyttöastetta mobiilissa.
Sijoitus määrää, kuka painikkeen näkee
Paras painikkeen teksti ja ulkoasu eivät auta, jos ihmiset vierittävät sen ohi huomaamatta. Se, missä painike sivulla sijaitsee, vaikuttaa näkyvyyteen.
Painikkeet ensimmäisellä näytöllä
Ihannetapauksessa ensisijaisen painikkeen pitäisi näkyä ilman vierittämistä pöytäkoneella. Jos lomake vie suurimman osan näytöstä, painikkeelle voi joutua vierittämään. Se on väistämätöntä. Mutta jos ensimmäisellä näytöllä on tilaa, laita painike sinne, jotta kävijän ei tarvitse etsiä sitä.
Kiinteät painikkeet mobiilissa
Mobiilin lomakkeet vaativat usein vierittämistä. Kiinteä painike, joka pysyy näkyvissä näytön alareunassa, nostaa täyttöastetta. Kävijä ei koskaan menetä painiketta näkyvistä täyttäessään kenttiä. He voivat valmistua milloin vain vierittämättä alas.
Ensisijaiset ja toissijaiset painikkeet
Joissakin lomakkeissa on useita painikkeita. "Lähetä", "Tallenna luonnoksena", "Seuraava vaihe". Kun painikkeita on useita, tee ensisijaisesta toiminnosta visuaalisesti hallitseva. Vahvan ensisijaisen painikkeen pitäisi olla selvästi klikattavampi kuin toissijaiset vaihtoehdot. Käytä väriä, kokoa tai sijaintia hierarkian osoittamiseen.
Yleinen virhe on tehdä ensisijaisesta ja toissijaisesta painikkeesta identtiset. Jos "Peruuta" ja "Lähetä" ovat samankokoisia ja samanvärisiä, osa kävijöistä klikkaa väärää. Suunnittelijat testaavat tätä ja havaitsevat, että ensisijaisen painikkeen tekeminen 30-40 prosenttia suuremmaksi kuin toissijaiset vähentää vahingossa tehtyjä peruutuksia.
Painikkeen alla oleva teksti nostaa täyttöastetta
Painike itsessään on vain viimeinen vuorovaikutus. Painikkeen alla tai vieressä oleva teksti antaa viime hetken vakuutuksen, joka työntää epäröivät kävijät klikkaamaan.
Vakuuttava teksti vastaa viimeiseen vastaväitteeseen. Jos lomakkeesi pyytää sähköpostiosoitetta, painikkeen alla oleva rivi "Emme koskaan jaa tietojasi" poistaa viimeisen syyn olla lähettämättä. Jos lomakkeesi vaatii puhelinnumeron, "Ei roskapuheluita, otamme yhteyttä yhden työpäivän kuluessa" rakentaa luottamusta.
Tämän vakuuttavan tekstin pitäisi olla pientä ja toissijaista. Et myy enää. Vastaat viimeiseen epäilykseen. Esimerkkejä: "Vastaamme 24 tunnin kuluessa", "Tietosi ovat aina suojattuja", "Luottokorttia ei tarvita ilmaisen kokeilun aloittamiseen", "Yksityisyytesi on etusijalla".
Testit osoittavat, että painikkeiden alla oleva vakuuttava teksti nostaa täyttöastetta 3-5 prosenttia korkean kynnyksen lomakkeissa. Matalan kynnyksen lomakkeissa kuten uutiskirjeissä vaikutus on pienempi. B2B-lomakkeissa, jotka kysyvät paljon tietoa, vakuuttava teksti voi nostaa täyttöä 10 prosenttia tai enemmän.
Virhetilat ja latauspalaute
Se, mitä tapahtuu painikkeen klikkauksen jälkeen, muokkaa sitä, tuntevatko he varmuutta lähetyksestään.
Poistettu käytöstä lähetyksen aikana
Kun joku klikkaa painiketta, poista se heti käytöstä. Käytöstä poistettu painike estää kaksoislähetykset. Tärkeämpää on, että se näyttää kävijälle klikkauksen rekisteröityneen. Painikkeen pitäisi näyttää latauksen tila: "Lähetetään..." tai pyörivä kuvake tai animoitu teksti.
Ilman latauksen tilaa kävijä ei tiedä, toimiko klikkaus. He saattavat klikata uudelleen. He saattavat sulkea selaimen. Yhden sekunnin viive klikkauksen ja minkään palautteen välillä tuntuu käyttäjästä pitkältä. Näytä heti, että jotain tapahtuu.
Virheestä toipumisen teksti
Kun lomakkeen lähetys epäonnistuu, painikkeen ja sen ympärillä olevan tekstin pitäisi selittää, mikä meni pieleen ja mitä tehdä seuraavaksi. Älä vain näytä virheilmoitusta lomakkeen ylälaidassa. Päivitä itse painike.
Painike, jossa lukee "Yritä uudelleen", on hyödyllisempi kuin "Lähetä", kun virhe tapahtuu. Painikkeen vieressä olevan tekstin pitäisi selittää täsmällisesti, mikä epäonnistui: "Tämä sähköposti on jo rekisteröity" tai "Täytä kaikki pakolliset kentät."
Tee virheestä toipuminen ilmeiseksi. Jotkut lomakkeet korostavat ongelmakentän. Jotkut näyttävät virheilmoitukset kentän vieressä. Jotkut tekevät molemmat. Mitä selkeämpi virhe, sitä nopeammin kävijä voi korjata sen.
WEMASYn lomakkeet ja lähetyspainikkeen optimointi
WEMASYn lomakkeiden rakennustyökalulla voit muokata painikkeen tekstiä, ulkoasua ja sijoitusta lomakestrategiasi mukaan. Voit asettaa eri painikkeen tekstin eri lomaketyypeille. Voit lisätä ehdollista logiikkaa, joka vaihtaa painikkeen tekstin lomakkeen vastausten mukaan. Voit muokata painikkeen värejä, kokoa ja tyyliä brändisi mukaan.
Lomakeanalytiikka näyttää, mitkä kentät aiheuttavat hylkäämistä. Jos painikkeen kohdalla on korkea hylkäysaste, se on merkki siitä, että painikkeen tekstiä tai ulkoasua pitää testata. Jos kävijät pääsevät painikkeelle mutta eivät klikkaa, testaa eri tekstejä ja ulkoasuja ilman, että rakennat lomaketta uudelleen.
Katso, miten WEMASYn lomakkeiden rakennustyökalu hoitaa painikkeiden muokkauksen ja lomakeanalytiikan. Lue lisää täyttöä nostavista lomaketeksteistä artikkeleista toimivien lomakekenttien nimien ja ohjetekstien kirjoittaminen ja mikä aiheuttaa lomakkeen hylkäämisen ja miten sen estät.