Du kan förbättra det du ser. Ett formulär kan se rent ut. Designen kan vara felfri. Texten kan vara perfekt. Men om besökare överger det vid ett visst fält får du aldrig veta varför om du inte ser dem göra det. Värmekartor och sessionsinspelning är verktygen som låter dig se själva ögonblicket när en besökare bestämmer sig för att sluta.
Det mesta av formuläroptimeringen känns som gissningar. Du ändrar fältordningen. Kanske ökar antalet ifyllda. Kanske inte. Du kortar ner formuläret. Fortfarande osäkert om det var lösningen. Du justerar knapptexten. Du kan inte avgöra om det gjorde någon skillnad. Det är problemet med att ändra i blindo. Du fattar beslut utifrån teori i stället för beteende.
Värmekartor och sessionsinspelningar löser det genom att visa vad som faktiskt händer. En värmekarta visar var besökare klickar, scrollar och tvekar i hela formuläret. En sessionsinspelning visar exakt när en besökare slutar fylla i ett fält och varför. Tillsammans förvandlar de övergivna formulär från ett mysterium till ett lösbart problem. Det här kapitlet går igenom hur du använder båda verktygen för att hitta den verkliga friktionen i dina formulär.
Därför kan du inte optimera formulär utan att se dem
Formulärstatistik kan berätta att 40 % av besökarna överger ditt formulär. Men den kan inte berätta varför. Det är glappet mellan att veta att det finns ett problem och att veta vad problemet faktiskt är. Sessionsinspelningar och värmekartor finns för att täppa till det glappet.
Tänk dig ett formulär med fem fält. Din statistik visar 40 % avhopp. Du vet inte om folk lämnar för att det andra fältet är förvirrande. Du vet inte om de klickar på något som inte fungerar. Du vet inte om de scrollar förbi formuläret helt och aldrig ser skicka-knappen. Allt det är olika problem med olika lösningar.
Utan insyn i det faktiska beteendet åtgärdar du saker som inte är trasiga och ignorerar det verkliga problemet. Det kostar tid och lämnar pengar på bordet. En enda avhoppspunkt i ett formulär som du åtgärdar kan ge tillbaka hundratals konverteringar. Men du kan inte åtgärda det du inte ser.
Vad en värmekarta visar om beteendet i formulär
En värmekarta är ett visuellt lager som visar var besökare interagerar med ditt formulär. Den använder färgskalor, oftast från kalla färger som blått och grönt till varma färger som orange och rött. De varma färgerna visar de områden där flest besökare klickar, scrollar eller håller markören. De kalla färgerna visar var nästan ingen interagerar.
I ett formulär avslöjar en värmekarta vilka fält som får uppmärksamhet och vilka som hoppas över. Den visar var besökarnas blickar rör sig. Den visar var de klickar på saker som inte är klickbara, vilket visar att de förväntade sig något interaktivt som inte finns där.
Klickkartor avslöjar förvirring
En klickkarta visar varje plats i formuläret där en besökare har klickat. De varma områdena visar fält som får många klick. De kalla områdena visar fält som besökarna ignorerar. Men viktigare är att en klickkarta visar döda klick, klick på platser som inte är interaktiva.
Om ditt formulär har en etikett som säger "Företagstyp" och du ser en klunga klick på etiketten utan någon het punkt på själva rullgardinsmenyn försöker besökarna klicka på etiketten i tron att den är det interaktiva elementet. Det är en designsignal. Etiketten ser klickbar ut men är det inte, så besökarna klickar på fel ställe.
Döda klick är tecken på frustration. Varje klick på ett element som inte är interaktivt är ett ögonblick då en besökare förväntade sig att något skulle fungera och det gjorde det inte. Med tillräckligt mycket frustration lämnar de.
Scrollkartor visar vart besökare faktiskt tittar
En scrollkarta visar exakt hur långt ner i formuläret de flesta besökare scrollar. Det är viktigt eftersom besökare som aldrig når skicka-knappen inte kan skicka något. Om ditt formulär har många fält och de flesta bara scrollar halvvägs vet du att formuläret är för långt eller placerat fel.
Scrollkartor visar också avhoppspunkter. Du ser på vilket djup i pixlar besökarna slutar scrolla. Om alla besökare scrollar ner till ett visst fält och sedan slutar är det fältet sannolikt orsaken till tappet. Kanske frågar det efter känslig information utan sammanhang. Kanske är det förvirrande. Scrollmönstret visar var du ska undersöka.
Hovringskartor visar tvekan
En hovringskarta visar var besökare för markören runt i formuläret. Det låter subtilt men är kraftfullt eftersom markörens rörelser ofta avslöjar obeslutsamhet. En besökare cirklar kring ett fält, flyttar bort markören och kommer tillbaka. Den fram och tillbaka-rörelsen signalerar tvekan eller osäkerhet.
När du ser en het punkt vid ett visst fält vet du att det är där besökare funderar. De bearbetar något. De är oklara över vad de ska göra härnäst. Hovringskartor hjälper dig att upptäcka fält som är förvirrande redan innan besökarna klickar på dem.
Vad sessionsinspelningar avslöjar om övergivna formulär
En sessionsinspelning skiljer sig från en värmekarta. En värmekarta visar sammanslaget beteende hos många besökare. En sessionsinspelning låter dig följa en enskild besökares väg från start till mål. Du ser klick, scrollning, vilka fält som fylls i, vilka som hoppas över och det exakta ögonblicket då hen antingen skickar eller lämnar.
I sessionsinspelningar hittar du historien bakom siffrorna. En värmekarta säger att besökare hoppar av vid e-postfältet. En sessionsinspelning visar varför. De hoppar av eftersom de såg ett e-postfält, insåg att de skulle få marknadsföringsmejl, fick återblickar av skräppost och gick. Eller kanske hoppar de av för att fältets etikett är oklar och de inte vet vilket format du vill ha.
Ilskeklick och snabba klick visar frustration
När du tittar på en sessionsinspelning, leta efter ilskeklick. Ett ilskeklick är när en besökare klickar på samma ställe upprepade gånger i snabb följd. Det är den visuella motsvarigheten till att trumma otåligt med foten. Besökaren är frustrerad. Något fungerar inte som hen förväntade sig och hen försöker tvinga det att fungera.
Ilskeklick sker oftast på knappar som inte svarar, fält som verkar trasiga eller handlingar som misslyckades utan besked. Om du ser ilskeklick i dina formulärinspelningar är något i formuläret trasigt eller beter sig oväntat. Det är en prioriterad åtgärd eftersom frustrerade besökare lämnar.
Mönster av tvekan och avhopp
Sessionsinspelningar visar pauser. En besökare fyller i namn och e-post och stannar sedan vid fältet för telefonnummer. Hen blir sittande. Markören rör sig inte. Hen läser något, funderar och avgör om hen ska gå vidare. Sedan stänger hen fliken. Den pausen är beslutets ögonblick, och fältet hen tittade på är problemet.
Genom att titta på 10 till 20 sessionsinspelningar av övergivna formulär börjar du se mönster. Fem olika besökare hoppar av vid samma fält. Fyra besökare gör ilskeklick innan de lämnar. Två besökare scrollar förbi hela formuläret utan att märka det. De mönstren pekar direkt på åtgärder.
Så använder du värmekartor för att hitta friktion i formulär
Värmekartor blir användbara när du vet vad du ska leta efter. Här är den praktiska processen.
Börja med scrolldjup
Öppna din scrollkarta och titta var färgen svalnar. Om 80 % av besökarna scrollar till mitten av formuläret och färgen sedan faller till nästan inget tappar formuläret folk halvvägs. Frågan blir: är formuläret för långt, eller är det ett visst fält som orsakar tappet?
Jämför scrolldjupet med formulärets fält. Om tappet sker direkt efter ett fält med hög friktion som telefonnummer eller födelsedatum är det fältet sannolikt boven. Om det sker mitt i utan att något särskilt fält pekas ut kan formuläret helt enkelt vara för långt eller behöva bättre visuell struktur för att uppmuntra till scrollning.
Leta efter koncentrationer av klick
En värmekarta bör visa att de flesta klick är koncentrerade till formulärfälten och skicka-knappen. Om du ser klick utspridda över hela sidan, särskilt på element som inte är formulärkontroller, är besökare förvirrade över var de ska interagera. Då har du problem med visuell hierarki eller tydlighet.
Kontrollera heta punkter på etiketter i stället för inmatningsfält. Heta punkter på knappar som inte är din primära skicka-knapp. Heta punkter på element som hjälpikoner, asterisker eller felmeddelanden. Allt det visar att besökare försöker interagera med saker som du inte avsåg vara interaktiva. Det är en designsignal om att tydliggöra vad som faktiskt är klickbart.
Följ rörelsemönster
Musrörelser i en hovringskarta visar vilka fält som får uppmärksamhet och vilka som ignoreras. Ett fält utan någon hovringsaktivitet, trots att det syns på skärmen, kanske hoppas över. Antingen är fältets etikett oklar, eller så ignoreras det för att besökare inte tror att de behöver fylla i det, eller så ligger det i en blind fläck.
Jämför hovringsaktiviteten med andelen som fyller i. Om ett fält har låg hovringsaktivitet men hög andel ifyllda när besökare väl fyller i det hoppas fältet bara över av eget val, vilket är okej om det är valfritt. Om ett fält har hög hovringsaktivitet men låg andel ifyllda försöker besökarna men fastnar eller blir förvirrade.
Så använder du sessionsinspelningar för att se exakt var besökare fastnar
Sessionsinspelningar är verktyget för diagnos. Så här tittar du på dem effektivt.
Filtrera först på övergivna sessioner
Om ditt inspelningsverktyg tillåter det, börja med att filtrera på sessioner där formuläret inte skickades. Du vill se dem som gav upp, inte dem som lyckades. Deras avhopp är signalen du letar efter.
När du tittar på övergivna sessioner, leta efter stoppunkten. Var pausar besökaren? Vilket fält får hen att sluta interagera? Det är ditt målfält för undersökning.
Se efter pauser och omläsning
När en besökare pausar vid ett fält läser hen något. Hen kanske läser etiketten för att förstå vad som efterfrågas. Hen kanske läser hjälptexten. Hen kanske försöker förstå ett förvirrande krav. En lång paus följd av avhopp betyder att fältets tydlighet är problemet.
Notera exakt när hen pausar. Var det när hen först såg fältet? Började hen skriva och pausade sedan? Fyllde hen i fältet och tvivlade efteråt? Var och en av dessa berättar en olika historia om vad som var förvirrande.
Räkna mönstret över flera sessioner
En besökare som hoppar av vid ett fält kan vara ett undantag. Fem besökare som hoppar av vid samma fält är ett mönster. Titta på sessioner tills du ser upprepning. Om tre av fem övergivna sessioner stannar vid fältet för telefonnummer vet du nu exakt vad du ska åtgärda. Om alla pausar vid samma fält innan de hoppar av är det fältet diagnosen.
De flesta verktyg visar sammanfattande siffror, som "70 % av avhoppen sker vid adressfältet". Använd det för att fokusera din genomgång av sessioner. Om ett verktyg visar att folk hoppar av vid ett visst fält, titta på inspelningar tills du förstår varför.
Vanliga friktionspunkter som värmekartor och sessionsinspelningar avslöjar
Vissa mönster dyker upp om och om igen i formulärdata. Att veta vad du ska leta efter gör diagnosen snabbare.
Oväntade fält
En besökare kommer till ditt kontaktformulär. Hen förväntar sig namn, e-post och meddelande. Men formuläret frågar också efter telefonnummer, företagsstorlek och årsomsättning. Hen förväntade sig inte de fälten. De känns som utfrågning. Sessionsinspelningar visar hur besökare tvekar vid de oväntade fälten innan de hoppar av. Värmekartor visar hovringsaktivitet koncentrerad till de fälten utan klick som bekräftar.
Lösningen är att antingen förklara varför du frågar, markera dem som valfria eller ta bort dem helt om de inte är avgörande för det du vill uppnå.
Förvirrande fältetiketter
Ett fält med texten "Önskat kontaktsätt" är tvetydigt. Önskat av dig eller av hen? Sessionsinspelningar visar besökare som pausar, håller markören över fältet och kanske klickar på det för att se om det finns hjälptext. Värmekartor visar hög hovringsaktivitet men låg interaktion. Fältet i sig skapar friktion.
Tydliga etiketter som "Hur ska vi nå dig?" eller "Föredrar du e-post eller telefon?" tar bort tvekan. Besökarna vet exakt vad du frågar och svarar direkt.
Saknat sammanhang eller hjälptext
Vissa fält behöver förklaras. Ett fält för telefonnummer utan sammanhang kan få en besökare att undra om du behöver det för reklamsamtal eller orderuppdateringar. Ett fält för födelsedag utan förklaring känns påträngande. Sessionsinspelningar visar besökare som pausar vid de fälten, med markören svävande, innan de bestämmer sig för att det är för riskabelt och lämnar.
Värmekartor visar pausen som en het hovringspunkt. Inspelningar visar ögonblicket då de bestämmer sig för att hoppa av. Lösningen är att lägga till sammanhang direkt på fältet: "Telefon (endast för orderuppdateringar)" eller "Födelsedag (för att kontrollera att du uppfyller vårt åldersgräns)."
Scrollfriktion som döljer skicka-knappen
Om ditt formulär är så långt att skicka-knappen inte syns utan scrollning kommer många besökare inte att veta att den finns. Värmekartor visar ett kraftigt tapp i aktivitet när användare scrollar förbi en viss punkt. Sessionsinspelningar visar besökare som fyller i fält, når slutet på det synliga innehållet och sedan stänger fliken eftersom de inte ser mållinjen.
Lösningen är att antingen korta ner formuläret, flytta skicka-knappen så att den syns utan scrollning eller använda en fast skicka-knapp som förblir synlig medan besökare scrollar.
Processen: från data till handling
Rå data från värmekartor och sessionsinspelningar spelar bara roll om den leder till ändringar. Här är arbetsflödet.
Vecka 1: Samla in grunddata
Sätt upp dina verktyg för värmekartor och sessionsinspelning på formuläret. Samla in data under en hel vecka eller tills du har minst 100 sessioner. Du behöver tillräckligt med data för att se mönster, inte undantag.
Vecka 2: Analysera mönster
Gå igenom dina värmekartor och identifiera de tre största friktionspunkterna. Gör likadant med sessionsinspelningarna. Leta efter de fält där flest pausar, kämpar eller hoppar av. Prioritera efter frekvens, inte efter dina antaganden.
Vecka 3: Gör en ändring
Välj den friktionspunkt som ger störst effekt och åtgärda den. Ändra inte tre saker samtidigt. Då vet du inte vilken ändring som gjorde skillnad. Lägg till hjälptext i ett förvirrande fält. Ta bort ett onödigt fält. Ändra ordningen så att de enklaste fälten kommer först. Gör en tydlig ändring.
Vecka 4: Mät igen
Samla in ytterligare en vecka med data från värmekartor och sessionsinspelningar med din ändring på plats. Jämför andelen som slutför, andelen avhopp och det specifika beteendet vid fältet du ändrade. Blev det bättre? Om ja har du hittat en vinst. Gå vidare till nästa friktionspunkt. Om nej, återställ och prova en annan åtgärd.
Så fungerar WEMASY-formulär med verktyg för värmekartor
WEMASY-formulär fungerar smidigt med verktyg för värmekartor och sessionsinspelning. Du kan sätta upp spårning på vilket WEMASY-formulär som helst för att se hur besökare interagerar med det. Eftersom WEMASY-formulär bygger på ren, standardbaserad HTML går varje klick, scrollning och interaktion att spåra.
Du kan också använda WEMASY:s inbyggda formulärstatistik för att se andel inskick, avhoppsmönster och tid per fält. När du kombinerar det med värmekartor och sessionsinspelningar får du en komplett bild av formulärbeteendet. Se exakt var besökare fastnar och varför. Åtgärda det sedan. Se vad som ingår i WEMASY:s prisplaner.
Allt samlat: en checklista för värmekartor och inspelningar
Det här är ingen komplicerad process. Det handlar om noggrann observation och metodiska åtgärder.
Sätt upp spårning
Välj ett verktyg för värmekartor. Installera det på ditt formulär. Aktivera värmekartor och sessionsinspelningar. Börja samla in data.
Samla tillräckligt med data
Gör inga ändringar utifrån 5 sessioner. Sikta på minst 100 sessioner innan du analyserar. Du behöver tillräckligt med data för att skilja verkliga mönster från slumpmässiga variationer.
Håll utkik efter de tre stora friktionssignalerna
Leta efter döda klick på element som inte är interaktiva, ilskeklick på knappar eller fält och scrolltapp där besökare plötsligt slutar engagera sig.
Granska sessioner med övergivna formulär
Titta inte bara på värmekartor. Titta på faktiska inspelningar av besökare som överger ditt formulär. Se exakt när de bestämmer sig för att lämna och vad de tittade på då.
Åtgärda en sak i taget
Ändra en friktionspunkt, mät effekten och gå sedan vidare till nästa. Det lär dig vad som faktiskt spelar roll.
Mät igen efter varje ändring
Samla in ytterligare en omgång data med din ändring på plats. Jämför andelen som slutför, andelen avhopp och beteendet vid fältet du ändrade. Dokumentera vad som fungerade.