Lomake lähetetään ja sivu muuttuu tyhjäksi. Mitään ei tapahdu. Ihminen miettii, onnistuiko lähetys. Saiko palvelin sen? Käsitteleekö lomake sitä yhä? Pitäisikö lähettää uudelleen? Hetki lähetyspainikkeen klikkaamisen ja onnistumisen tietämisen välillä on korkean jännityksen aikaa. Lomakekokemus ei pääty, kun joku klikkaa lähetä. Se päättyy, kun he tietävät onnistuneensa. Se, mitä noina hetkinä tapahtuu, ratkaisee, luottavatko he brändiisi ja onko keräämäsi data oikeasti hyödyllistä.
Kolme elementtiä hallitsee tuota viimeistä hetkeä. Latausindikaattori näyttää, että jotain tapahtuu lomakkeen käsittelyn aikana. Onnistumisviesti vahvistaa, että lähetys onnistui. Kiitossivu ohjaa, mitä seuraavaksi tapahtuu. Kun nämä kolme on tehty hyvin, ihminen tuntee olevansa varma siitä, että teki oikein. Huonosti tehtyinä ne luovat hämmennystä ja epäluottamusta. Tässä artikkelissa käydään läpi, mitä kukin tekee, milloin niitä käytetään, mitä sanoa ja miten ne rakennetaan rikkomatta lomakekokemusta.
Miksi latausindikaattoreilla on väliä ennen lomakkeen valmistumista
Lomakkeen lähetys tapahtuu palvelimella. Kun joku klikkaa lähetä, hänen tietonsa kulkevat jonnekin tietokoneelle, käsitellään ja vastaus tulee takaisin. Koko matka kestää yleensä yhdestä viiteen sekuntia. Yksi sekunti tuntuu välittömältä. Viisi sekuntia tuntuu ikuisuudelta. Sen ajan ihminen on jumissa. Hän näkee lomakkeen eikä tiedä, mitä tehdä. Lähetäkö uudelleen? Odottaako? Päivittääkö sivun?
Latausindikaattori poistaa tuon epävarmuuden. Jokin näkyvä muuttuu, kun joku klikkaa lähetä. Painike menee pois käytöstä ja sen teksti vaihtuu. Latauskuvake ilmestyy. Edistymispalkki näyttää liikettä. Jokin sanoo ihmiselle: "toimintosi rekisteröitiin ja jotain tapahtuu."
Tärkein sääntö latausindikaattoreille on yhden sekunnin sääntö. Jos lomakkeen lähetys kestää yli sekunnin, näytä latausindikaattori. Jos se kestää alle sekunnin, voit jättää visuaalisen latausindikaattorin pois, koska se tapahtuu niin nopeasti, ettei ihmiset juuri huomaa sitä. Lähes kaikissa todellisissa palvelimeen yhteydessä olevissa lomakkeissa lähetys kestää yli sekunnin. Näytä latausindikaattori.
Ilman latausindikaattoria ihmiset klikkaavat usein lähetä useita kertoja. Heidän jännityksensä saa heidät olettamaan, ettei ensimmäinen klikkaus toiminut. Useat lähetykset luovat kaksoisdataa, tuhlaavat palvelinresursseja ja turhauttavat käyttäjiä. Latausindikaattori estää tämän viestimällä selvästi, että toiminto on käynnissä.
Miten suunnittelet latausindikaattorin, joka rakentaa luottamusta
Yksinkertaisin latausindikaattori on poistaa lähetyspainike käytöstä ja vaihtaa sen teksti. Painikkeessa lukee normaalisti "Lähetä". Klikattaessa siitä tulee "Lähetetään..." ja se muuttuu harmaaksi tai himmeäksi. Ihminen näkee, ettei painiketta voi enää klikata. Hän tietää, että jotain tapahtuu. Tämä toimii useimmille lomakkeille.
Askeleen vahvempi tapa on lisätä visuaalista liikettä. Pieni latauskuvake ilmestyy painikkeen tekstin viereen tai painikkeen sisään. Kuvake pyörii jatkuvasti. Tämä luo tunteen aktiivisuudesta ja edistymisestä. Pyörimisnopeudella on väliä. Yksi täysi kierros sekunnissa tuntuu tasaiselta. Nopeampi tuntuu hätäiseltä. Hitaampi tuntuu jäätyneeltä. Pysy yhdessä kierroksessa sekunnissa.
Pidemmille prosesseille edistymispalkki toimii paremmin kuin latauskuvake. Lomakkeen yläreunassa oleva vaakapalkki täyttyy käsittelyn edetessä. Jos lomake tietää, kuinka monta vaihetta sen pitää suorittaa, se voi näyttää realistisen edistymisen. Jos se ei tiedä kokonaiskestoa, käytä prosenttipohjaista palkkia, joka täyttyy 90 %:iin ja valmistuu onnistumisen myötä. Tämä kertoo ihmiselle tarkasti, kuinka pitkällä prosessi on.
Latausindikaattorin värin pitäisi erottua mutta ei törmätä lomakkeesi suunnitteluun. Käytä brändiväriäsi tai neutraalia sinistä tai harmaata. Punainen tai oranssi voi tuntua virheeltä, vaikka se ei ole. Vihreä voi hämmentää ihmisiä luulemaan, että lomake on jo onnistunut.
Pidä latausindikaattorit minimaalisina. Painike muuttuu. Latauskuvake ilmestyy. Lomakkeen ei tarvitse häivyttää itseään, kenttien ei tarvitse mennä pois käytöstä, eikä uuden tekstin tarvitse liukua sivulta sisään. Yksinkertaisuus rakentaa luottamusta. Monimutkaisuus herättää epäilyä.
Ero onnistumisviestin ja kiitossivun välillä
Kun lomake on lähetetty onnistuneesti, käyttäjä tarvitsee vahvistuksen. Vahvistus voi tapahtua kahdella tavalla. Sivun sisäinen onnistumisviesti ilmestyy samalle sivulle, jolla lomake oli. Tai lomake ohjaa uudelle kiitossivulle, jolla on onnistumisviesti. Molemmat toimivat. Valinta riippuu tavoitteestasi.
Sivun sisäinen onnistumisviesti pitää käyttäjän samalla sivulla. Lomake katoaa tai muuttuu näyttämään "Saimme lähetyksesi." Yksinkertainen, selkeä vahvistus. Tämä toimii hyvin pienille lomakkeille tai kun haluat käyttäjän pysyvän samalla sivulla tutustumassa lisäsisältöön. Yhteydenottolomakkeet käyttävät usein sivun sisäisiä viestejä. Uutiskirjeen tilaukset käyttävät usein sivun sisäisiä viestejä. Nopea, yksinkertainen, olet valmis.
Kiitossivu on oma sivunsa, jolle käyttäjä päätyy lähetyksen jälkeen. Se on olemassa vasta, kun lomake on lähetetty onnistuneesti. Sillä on oma URL-osoitteensa. Tämä on hyödyllistä, kun konversio pitää seurata erikseen analytiikassa, kun haluat näyttää lisäsisältöä lähetyksen jälkeen tai kun haluat ohjata käyttäjän kohti seuraavaa vaihetta myyntisuppilossa. Verkkokaupan kassalomakkeet ohjaavat kiitossivuille. Liidinkeruulomakkeet ohjaavat kiitossivuille. Oma sivu antaa enemmän tilaa toimia.
Tekninen ero on tärkeä seurannassa. Sivun sisäinen viesti näyttää konversion samalla sivulla kuin lomake. Kiitossivu näyttää erillisen sivunäytön ja erillisen URL-osoitteen. Seurannan kannalta kiitossivu on siistimpi. Se on erillinen tapahtuma, jonka analytiikkatyökalut voivat mitata tarkasti.
Mitä onnistumisviestin pitää sanoa
Onnistumisviestillä on yksi tehtävä: kertoa ihmiselle, että hänen lähetyksensä onnistui. Siinä kaikki. Älä lisää markkinointitekstiä, älä myy lisätuotteita, älä tee siitä monimutkaista.
Aloita selkeällä vahvistuksella. "Kiitos. Saimme lähetyksesi." Ei "Automaattinen järjestelmämme on vastaanottanut lähetyksesi onnistuneesti." Ensimmäinen tuntuu ihmiseltä. Toinen tuntuu robottimaiselta ja yritysmäiseltä. Vahvistuksen pitäisi tuntua henkilökohtaiselta ja suoralta.
Lisää seuraava vaihe heti. Jos lomake oli yhteydenottopyyntö, kerro, milloin ihminen kuulee meistä. "Vastaamme kahden työtunnin sisällä." Ei "Palaamme asiaan pian." Tarkat aikataulut rakentavat luottamusta. Pian on epämääräinen. Kaksi tuntia on konkreettinen.
Jos lähetys käynnistää automaattisen vastauksen, mainitse se. "Tarkista sähköpostisi, siellä on vahvistuslinkki." Tai "Salasanan nollauslinkki on matkalla postilaatikkoosi." Tämä selittää, mitä seuraavaksi tapahtuu, ilman että ihmisen tarvitsee arvailla tai huolehtia jääneensä jostain paitsi.
Valinnainen mutta tehokas: viittaa johonkin, minkä ihminen lähetti. "Sait viestisi verkkosivuston optimoinnista. Katsomme asiaa ja palaamme siihen." Heidän omien sanojensa käyttäminen takaisin luo tunteen siitä, että heidät nähdään ja ymmärretään. Se vahvistaa, että heidän tietonsa todella vastaanotettiin ja rekisteröitiin.
Pidä viesti lyhyenä. Yksi tai kaksi lausetta sivun sisäiseen viestiin. Kolmesta viiteen lausetta kiitossivun viestiin. Pitkät onnistumisviestit tuntuvat roskapostilta tai lisämyyntipuheelta.
Käytä lämmintä, keskustelevaa kieltä. "Kiitos yhteydenotosta." Ei "Kiitos tämän lomakelähetyksen täyttämisestä." Keskusteleva kieli saa hetken tuntumaan ihmiseltä, ei automaatilta.
Kiitossivun suunnittelu niin, että se konvertoi eikä ole umpikuja
Kiitossivu on arvokas hetki. Ihminen juuri konvertoi. Hän on hyvällä tuulella. Hän toimi. Hän teki sen, mitä pyysit. Tämä on hetki heti sen jälkeen, kun hän on sanonut kyllä. Se on hetki ohjata häntä eteenpäin, ei lähettää häntä pois.
Kiitossivun yläreunassa toista vahvistus. "Kiitos. Saimme pyyntösi." Pidä se lyhyenä. Ihminen tietää jo onnistuneensa. Vahvistus on siellä vain tekemässä siitä virallista.
Vahvistuksen alle lisää sisältöä, joka vastaa sitä, mitä he juuri tekivät. Jos he tilasivat uutiskirjeen, näytä, mitä he saavat. Jos he pyysivät demoa, näytä seuraavat vaiheet. Jos he tekivät ostoksen, näytä tilauksen tiedot ja toimitusaikataulu. Sisällön pitäisi tuntua luontevalta jatkolta sille, mitä he juuri lähettivät.
Lisää yksi valinnainen toiminto. Ei viittä. Ei kolmea. Yksi. Mitä heidän pitäisi tehdä seuraavaksi? Tutustua verkkosivustoosi? Lukea hyödyllisiä aineistoja? Seurata sinua sosiaalisessa mediassa? Varata puhelu? Valitse yksi ja tee siitä sivun painopiste. Useat kilpailevat toimintakehotukset hämmentävät ihmisiä. He juuri sanoivat kyllä. Ohjaa heitä eteenpäin yhdellä selkeällä seuraavalla askeleella.
Jos haluat kerätä lisätietoja, kiitossivu on hyvä paikka. Älä kysy niitä itse lomakkeella. Kysy sen jälkeen, kun he ovat jo sitoutuneet lähettämällä kerran. Toinen, kevyempi lomake kiitossivulla konvertoi usein paremmin kuin kaiken pakkaaminen ensimmäiseen lomakkeeseen.
Sisällytä sosiaalinen todiste, jos se sopii. Lainaus tyytyväiseltä asiakkaalta. Tilasto ihmisistä, jotka tekivät saman toiminnon. Jotain, mikä vahvistaa, että he tekivät oikean päätöksen. Tässä ei ole kyse heidän vakuuttamisestaan konvertoimaan. He ovat jo konvertoineet. Tässä on kyse heidän varmuutensa vahvistamisesta siihen, mitä he juuri tekivät.
Varmista, että sivun ulkoasu vastaa koko verkkosivustoasi. Kiitossivu, joka näyttää erilaiselta, käyttää eri fontteja tai jolla on räikeä värimaailma, saa käyttäjän tuntemaan, että hän on poistunut brändisi verkkosivustolta. Yhdenmukaisuus rakentaa luottamusta. Kiitossivun pitäisi tuntua kuuluvan sivustollesi.
Siirtymän ajoitus lomakkeesta onnistumistilaan
Kun joku klikkaa lähetä, kuinka kauan latausindikaattorin pitäisi näkyä ennen kuin onnistumisviesti tai kiitossivu ilmestyy? Vastaus on niin kauan kuin lomake oikeasti käsittelee.
Hyvin nopeissa lomakkeissa, alle sekunnin, pidä latausindikaattori silti näkyvissä vähintään sekunti. Jos lähetys kestää oikeasti 300 millisekuntia mutta latauskuvakkeesi katoaa 400 millisekunnin kuluttua, ihmiset voivat luulla, että jokin meni rikki. Siirtymän pitäisi tuntua harkitulta, ei kiirehditystä.
Lomakkeissa, joiden lähetys kestää kahdesta viiteen sekuntia, näytä latausindikaattori koko ajan. Anna ihmisten nähdä odotus. Älä piilota, kuinka kauan prosessi kestää. Läpinäkyvyys rakentaa varmuutta.
Älä koskaan näytä latausindikaattoria, joka katoaa ja ilmestyy sitten uudelleen. Se aiheuttaa hämmennystä. Näytä se kerran ja pidä se näkyvissä onnistumiseen asti. Jos sinun pitää yrittää uudelleen virheen jälkeen, tyhjennä latausindikaattori kokonaan ja näytä virheilmoitus ennen uutta yritystä.
Hyvin pitkissä prosesseissa, yli kymmenen sekuntia, harkitse edistymispäivitysten näyttämistä. Ei pelkkää latauskuvaketta. Viesti, joka muuttuu. "Tarkistetaan tietojasi." Sitten "Käsitellään pyyntöäsi." Sitten "Viimeistellään lähetystä." Kolme tai neljä pientä viestiä pitkän prosessin aikana pitää ihmiset mukana ja tietoisina siitä, että jotain tapahtuu yhä.
Mobiilihuomiot latausindikaattoreille ja onnistumisviesteille
Puhelimen näytöllä tila on rajallista. Latausindikaattori, joka toimii hyvin pöytäkoneella, voi viedä liikaa tilaa mobiilissa. Kiitossivu, joka on pöytäkoneella pitkä, on mobiilissa hyvin pitkä.
Pidä mobiilin latausindikaattoreiden teksti minimaalisena. "Lähetetään..." sen sijaan, että "Odota, kunnes käsittelemme lähetyksesi." Latauskuvake vie vähemmän tilaa kuin edistymispalkki. Sijoita latausindikaattori lähetyspainikkeen sisään tai suoraan sen ylä- tai alapuolelle, älä kelluvaksi keskelle sivua.
Pidä mobiilin onnistumisviestit lyhyinä. Yksi lause on ihanteellinen. Kaksi lausetta on hyväksyttävä. Sitä pidemmäksi mentäessä viesti vierähtää pois näytöltä.
Sijoita mobiilin kiitossivuilla ydinvahvistusviesti kahteen ensimmäiseen kappaleeseen. Älä pakota ihmisiä vierittämään sivua alas selvittääkseen, onnistuiko lomakkeen lähetys. Kiitosviestin pitäisi näkyä heti ilman vierittämistä.
Testaa latausindikaattorit ja onnistumistilat oikeilla puhelimilla, älä vain selaimen emulaatiolla. Puhelimen näytön koko ja _blocked_öinti voivat vaikuttaa siihen, miltä asiat näyttävät.
Analytiikka ja lomakkeesi viimeisten hetkien seuranta
Onnistumissivu tai -viesti on paikka, jossa mittaat, konvertoiko lomake oikeasti. Analytiikka-alustat, kuten Google Analytics, Meta Pixel ja sähköpostialustat, voivat seurata onnistumishetkeä tarkasti.
Jos käytät sivun sisäistä onnistumisviestiä samalla sivulla kuin lomake, aseta konversiolaukaisin viestin ilmestymiselle. Käytä JavaScriptiä seurataksesi, milloin viesti ilmestyy, ei vain milloin sivu latautuu. Tämä kertoo tarkasti, kuka lähetti onnistuneesti, ei vain kuka vieraili sivulla.
Jos ohjaat kiitossivulle, seuranta on automaattista. Jokainen tämän sivun katselu on konversio. Siksi monet lomakkeet käyttävät kiitossivuja. URL on yksilöllinen. Analytiikkatyökalut ymmärtävät sen täydellisesti. Yksi sivunäyttö vastaa yhtä onnistunutta lähetystä.
Lisää kiitossivun URL analytiikan konversiotavoitteisiin. Google Analyticsissa luo tavoite, joka laukeaa, kun joku saapuu osoitteeseen yourdomain.com/thank-you. Tämä laskee automaattisesti jokaisen onnistuneen lomakelähetyksen.
Jos verkkosivustollasi on useita lomakkeita, luo jokaiselle oma kiitossivu tai käytä URL-parametreja niiden erottamiseen. contact-form.com/thank-you vastaan demo-form.com/thank-you. Tai käytä parametreja kuten /thank-you?form=contact. Näin voit seurata, mitkä lomakkeet konvertoivat.
Yleiset virheet, jotka pilaavat onnistumisen hetken
Onnistumisviesti, joka ei vahvista toiminnon onnistuneen, ei ole onnistumisviesti. Se on umpikuja. "Kiitos." Pelkkä. Mitä ihmisen pitäisi tehdä seuraavaksi? Missä hänen vahvistuksensa on? Selventämisen laiminlyönti luo epäluottamusta.
Liian pitkät tai liian lyhyet latausindikaattorit tuntuvat rikkinäisiltä. Latauskuvake, joka pyörii 20 sekuntia, saa ihmiset luulemaan, että jokin meni pieleen. Latauskuvake, joka ilmestyy ja katoaa 100 millisekunnissa, voi jäädä huomaamatta.
Kiitossivut, jotka yrittävät myydä sen sijaan, että kuittaisivat. Heti konvertoinnin jälkeen ei ole aika myydä jotain muuta. Kuittaa, mitä he tekivät. Ohjaa heitä eteenpäin. Myyminen voi tulla myöhemmin.
Onnistumisviesti tai kiitossivu, joka toistaa tietoja, joita lomake jo kysyi. Ihminen on jo antanut nimensä ja sähköpostinsa. Älä pakota heitä lukemaan niitä takaisin onnistumissivulla. Käytä niitä viestin personointiin, älä toista kerättyä.
Mobiililomakkeet, jotka näyttävät liian suuria latausindikaattoreita näytölle. Latauskuvake, joka vie puolet puhelimen näytöstä, on ylivoimainen. Pidä visuaaliset indikaattorit suhteessa näytön kokoon.
Selkeän seuraavan askeleen lisäämisen unohtaminen. "Kiitos lähetyksestä." Ja sitten ei mitään. Mitä ihmisen pitäisi tehdä? Ilman suuntaa he lähtevät. Yksi selkeä seuraava toiminto pitää heidät mukana.
Miten WEMASY auttaa suunnittelemaan latausindikaattoreita ja onnistumiskokemuksia
WEMASYn lomakerakentimessa on sisäänrakennetut latausindikaattorit, jotka näkyvät automaattisesti, kun lomake lähetetään. Voit muokata latausindikaattorin tyyliä brändiisi sopivaksi. Valitse tekstiviestin, latauskuvakkeen tai edistymispalkin välillä. Aseta väri bränditeemaasi sopivaksi. Latausindikaattori näkyy, kun lomaketietoja käsitellään, ja katoaa, kun lähetys valmistuu.
Onnistumisviestit ovat täysin muokattavissa lomakerakentimessa. Kirjoita oma viestisi. Valitse, näytetäänkö se sivun sisällä vai ohjataanko kiitossivulle. Jos ohjaat, WEMASYssa voit määrittää kiitossivusi URL-osoitteen. Lomake ohjaa automaattisesti onnistuneen lähetyksen jälkeen.
Kiitossivuille luo sivu WEMASYn Sivustonrakentajalla kuten minkä tahansa muun sivun. Suunnittele se brändiisi sopivaksi. Lisää vahvistusteksti, seuraavat vaiheet, sosiaalinen todiste tai toissijaisia toimintakehotuksia. Kun lomakkeen asetukset ovat valmiit, liitä kiitossivun URL lomakkeen uudelleenohjausasetuksiin. WEMASY hoitaa uudelleenohjauksen automaattisesti.
Reaaliaikainen tarkistus estää monia lähetysvirheitä ennen kuin ne tapahtuvat. Kun lomakkeen tiedot saapuvat virheettöminä, lähetys sujuu siististi. Latausindikaattori näkyy lyhyesti ja onnistumistila laukeaa nopeammin. Vähemmän virheitä tarkoittaa nopeampia lähetyksiä ja vähemmän aikaa latausindikaattoreiden näyttämiseen.
Analytiikkaintegraatio on sisäänrakennettu. WEMASY seuraa lomakelähetyksiä ja voi laukaista analytiikkatavoitteet automaattisesti. Kun lomake lähetetään onnistuneesti, voit määrittää tapahtumia Google Analyticsiin tai Meta Pixeliin. Näe, millä lomakekentillä on parhaat konversioprosentit, mitkä lomakkeet konvertoivat useimmin ja missä ihmiset keskeyttävät.
Katso, mitkä lomakeominaisuudet sisältyvät WEMASY-tilaukseesi.