De flesta team förlitar sig på ett enda tal för att förstå sina formulär. Konverteringsgraden. De vet hur många besökare som fyllde i formuläret helt. De vet hur många som slutade. Det de inte vet är var det hände. Vilket fält som fick dem att pausa. Vilket fel som fick dem att lämna. Vilken förvirring som skickade dem tillbaka till förra sidan.
Värmekartor och sessionsinspelningar besvarar de frågorna. En värmekarta sammanfattar beteende från tusentals formulärinteraktioner och visar en visuell karta över var besökare klickar, håller markören och scrollar. En sessionsinspelning fångar enskilda besökare som försöker slutföra formuläret och visar ögonblicket då beteendet ändras, fältet de kämpar med och felet de stöter på.
Tillsammans bildar de ett diagnossystem. Värmekartor visar vad som hände i hela din målgrupp. Sessionsinspelningar visar varför det hände för enskilda användare. Det här kapitlet går igenom hur båda verktygen avslöjar friktion i formulär som enbart statistik inte kan upptäcka, hur du läser datan från vart och ett och hur du omvandlar datan till konkreta förbättringar av formuläret.
Vad värmekartor avslöjar om beteendet i formulär
En värmekarta är en visuell framställning av data om användarinteraktion. Den använder färger för att visa hur intensivt folk engagerar sig. Varma färger, rött och orange, visar var användare klickar eller interagerar mest. Kalla färger, blått och grönt, visar områden de ignorerar.
För formulär finns värmekartor i flera typer, och var och en avslöjar en olika sida av användarbeteendet.
Klickkartor för formulärfält
En klickkarta visar varje klick i formuläret. När du tittar på klickkartan för ett väldesignat formulär bör du se många klick på formulärfälten och många klick på skicka-knappen. Det visuella mönstret visar vad som fungerar och vad som ignoreras.
Men klickkartor avslöjar något mer användbart än antalet klick. De avslöjar döda klick. Ett dött klick är ett klick på något som inte är interaktivt, eller ett klick som inte gör något. Håll utkik efter fält där användare klickar upprepade gånger på samma ställe. Det är frustrationsklick. Användaren förväntade sig att något skulle hända. Det hände inte. Hen klickade igen. Fortfarande ingenting. Det visar att något i formuläret är antingen trasigt eller oklart.
Scrollkartor för formulärlängd
Scrollkartor visar hur långt ner på en sida besökare scrollar. För flerstegsformulär eller formulär med många fält visar scrolldjupet var folk slutar läsa och slutar interagera.
Om en scrollkarta visar att användare scrollar 40 procent ner i formuläret och sedan samlas i ett område visar det att något ändrades vid den punkten. Kanske blev formuläret längre. Kanske ändrades fälten från enkla textfält till komplexa rullgardinsmenyer. Kanske försvann instruktionerna. Scrollmönstret visar var besökare tappar intresset för formuläret.
Uppmärksamhetskartor
En uppmärksamhetskarta visar vart användare tittar, baserat på ögonspårningsdata eller data om markörens rörelser. Vissa verktyg använder maskininlärning för att förutsäga uppmärksamhet även utan direkt ögonspårning. Den visar om dina fältetiketter syns, om hjälptexten ligger på rätt ställe och om din knapp med uppmaning faktiskt fångar besökarens uppmärksamhet.
Vad sessionsinspelningar avslöjar om friktion i formulär
En sessionsinspelning är en videouppspelning av en enskild besökares interaktion med ditt formulär. Den fångar varje klick, varje paus, varje skrivet tecken och varje rättning i fälten. Du ser formuläret så som besökaren upplevde det.
Sessionsinspelningar visar beteende som värmekartor inte kan visa. En värmekarta visar att 200 användare klickade på ditt telefonfält. En sessionsinspelning visar att de klickade på det för att fältets validering fortsatte avvisa deras inmatning, eller för att formatet på landskoden inte var tydligt, eller för att de försökte förstå om de skulle ta med mellanslag.
Den skillnaden spelar roll eftersom värmekartor visar mönster. Sessionsinspelningar visar orsaker.
Tvekan i sessionsinspelningar
Den mest värdefulla insikten från sessionsinspelningar är att identifiera tvekan. En besökare laddar formuläret. Hen börjar fylla i det. Sedan pausar hen. Musen svävar över ett fält men hen klickar inte. Hen klickar i fältet men skriver inget. Hen skriver något, raderar det och stänger sedan webbläsaren.
Dessa ögonblick av tvekan syns som pauser i inspelningen. En paus på 15 sekunder vid ett fält som borde ta 5 sekunder att fylla i visar att besökaren var förvirrad, osäker eller omprövade. En paus följd av upprepade rättningar i fältet visar att fältets validering avvisade hen. En paus följd av fram och tillbaka mellan flikar visar att instruktionerna för fältet var oklara.
Avhoppsmönster per fält
Du kan filtrera sessionsinspelningar så att de bara visar besökare som övergav ditt formulär. Sedan kan du sortera efter det sista fältet de rörde vid innan de lämnade. Om 40 procent av dem som hoppade av sist rörde vid lösenordsfältet är lösenordsfältet din friktionspunkt. Om alla pausade vid rullgardinsmenyn för företagsstorlek är den menyn problemet.
Sessionsinspelningar gör det exakta ögonblicket för avhoppet synligt. Du ser var i formuläret de var när de bestämde sig för att lämna. Du ser det sista de försökte göra innan de gick.
Så använder du värmekartor och sessionsinspelningar tillsammans
De två verktygen fungerar i följd. En värmekarta visar var friktion finns. En sessionsinspelning förklarar varför den finns.
Börja med din värmekarta. Leta efter mönster. Finns det ett fält som får färre klick än fälten runt omkring? Det tyder på att besökare hoppar över det eller har problem med det. Finns det en knapp som visar kalla färger, vilket betyder få klick? Det kan betyda att knappen inte syns, inte förstås eller inte lockar.
När du har identifierat en friktionspunkt i värmekartan använder du sessionsinspelningar för att diagnostisera den. Filtrera inspelningarna så att de bara visar användare som interagerade med just det fältet. Se hur de närmar sig det. Tvekar de innan de klickar? Skriver de ett värde och raderar det direkt? Klickar de flera gånger på samma ställe?
Kombinationen skapar ett diagnostiskt arbetsflöde. Värmekartan visar att det finns ett problem. Sessionsinspelningen visar problemets natur.
Formulärmått som bara syns i värmekartor och inspelningar
Vanlig statistik visar hur många som fyller i ditt formulär och hur många som slutar. Den kan inte visa var det sker eller varför. Värmekartor och inspelningar avslöjar mått som enbart formulärstatistik missar.
Tid per fält
Hur lång tid lägger en besökare på varje fält? Enkla e-postfält kan ta 2 sekunder. Komplexa adressfält med autofyll kan ta 5 sekunder. Om besökare lägger 30 sekunder på ett fält som borde ta 5 är något med det fältet förvirrande. De läser om etiketten. De avgör om de ska lämna information de inte vill ge. De försöker få sitt svar att passa fältets alternativ.
Sessionsinspelningar visar det exakta ögonblick då tidsanvändningen ändras. Du kan se det hända och förstå vad som utlöste pausen.
Beteende när fält hoppas över
Vissa formulär har valfria fält. Besökare hoppar över vissa fält och fyller i andra. Värmekartor visar vilka valfria fält som hoppas över oftast. Sessionsinspelningar visar om de hoppas över med avsikt, av förvirring eller av oro för integriteten. En användare som håller markören över ett telefonfält och inte fyller i det kanske avstår från att lämna sitt nummer av integritetsskäl. En användare som inte ser telefonfältet alls kanske inte har scrollat tillräckligt långt för att hitta det.
Hur användare återhämtar sig efter valideringsfel
När valideringen av ett formulärfält avvisar en besökares inmatning, hur reagerar hen? Rättar hen direkt? Pausar hen och läser instruktionerna igen? Provar hen ett annat format? Provar hen flera format innan hen ger upp?
Värmekartor kan inte fånga den nyansen. Sessionsinspelningar kan. Du ser en besökare prova ett format på en e-postadress, se felmeddelandet, pausa medan hen läser om felet och sedan prova ett annat format. Nu vet du att felmeddelandet var oklart. Nästa gång kan du testa ett tydligare meddelande.
Sätta upp värmekartor och inspelningar för formulär
De flesta verktyg för värmekartor och sessionsinspelning fungerar på samma sätt. Du lägger till en spårningskod i formuläret. Verktyget fångar och lagrar data. Du kommer åt datan via en översikt.
Installation och samtycke
Innan du lägger till värmekartor och sessionsinspelningar i ditt formulär, kontrollera dina krav på integritet och samtycke. GDPR och andra regelverk kräver att du får uttryckligt samtycke innan du spelar in användarsessioner eller fångar inmatade formulärdata. Många verktyg maskerar automatiskt känsliga fält som lösenord och kreditkort. Kontrollera att ditt verktyg gör det. Uppdatera din integritetspolicy så att den anger att du spelar in användarbeteende. Vissa jurisdiktioner kräver att du låter användare välja bort sessionsinspelning.
Fokusera på formulärspecifika mått
De flesta verktyg ger dig möjlighet att fånga värmekarte- och sessionsdata för hela webbplatsen eller för specifika sidor. För formulärsanalys, fokusera på just dina formulärsidor. Det håller ditt dataunderlag rent och din analys fokuserad.
Ställ in ditt verktyg så att det följer formulärspecifika beteenden. Vilka fält som klickas. Vilka fält som hoppas över. Vilka fält som utlöser valideringsfel. Hur lång tid användare lägger på varje fält. Om användare slutför formuläret eller överger det halvvägs.
Segmentera och filtrera inspelningar
När insamlingen av data har startat kommer värdet från segmentering. Du kan filtrera sessionsinspelningar efter om formuläret slutfördes och bara visa dem som hoppade av. Du kan filtrera efter specifika fält och bara visa sessioner som berörde ett visst formulärelement. Du kan filtrera efter enhetstyp och se hur mobilanvändare interagerar annorlunda än datoranvändare. Du kan till och med filtrera efter tid eller antal fel och visa de mest frustrerade besökarna först.
Den filtreringen förvandlar sessionsinspelning från "titta på tusentals slumpmässiga sessioner" till "titta på just de sessioner som visar varför folk överger det här specifika fältet."
Omvandla insikter från värmekartor och sessioner till förbättringar
Att titta på värmekartor och inspelningar spelar bara roll om du agerar på det du ser. Målet är att gå från observation till optimering.
Identifiera din största friktionspunkt
Försök inte åtgärda allt på en gång. Börja med den friktionspunkt som ger störst effekt. Titta på din värmekarta och identifiera det fält eller steg som visar mest tvekan, flest döda klick eller flest avhopp. Det är din friktionspunkt. Det är där du får störst förbättring av konverteringen genom att åtgärda den.
Formulera en hypotes om problemet
När du har identifierat en friktionspunkt, formulera en hypotes om varför den skapar friktion. Titta på tre till fem sessionsinspelningar av besökare som interagerar med det fältet. Du ser oftast ett mönster. De pausar alla vid samma del av etiketten. De kämpar alla med alternativen i rullgardinsmenyn. De gör alla samma valideringsfel. Sessionerna pekar mot grundorsaken.
Testa åtgärden
När du har en hypotes, testa en liten ändring. Förtydliga fältetiketten. Lägg till hjälptext. Ändra ordningen på alternativen i menyn. Ändra valideringsmeddelandet. Använd A/B-testning för att jämföra det ursprungliga fältet med din version med åtgärden. Om konverteringen förbättras, rulla ut den till all trafik. Om inte vet du nu att just den åtgärden inte hjälpte.
Gå sedan vidare till nästa friktionspunkt och upprepa.
Jämföra friktion i formulär mellan olika enheter
Mobilanvändare och datoranvändare interagerar med formulär på olika sätt. Ett fält som fungerar bra på en stor skärm kan vara förvirrande på en liten. Data från värmekartor och sessionsinspelning innehåller oftast enhetstyp. Filtrera efter enhet för att se om friktionen i formuläret är specifik för mobil, dator eller båda.
Friktion i mobilformulär kommer ofta från fält som är för små för att träffa korrekt, valideringsmeddelanden som täcker formulärets innehåll eller numeriska tangentbord som bromsar inmatningen. Friktion i formulär på dator kommer ofta från fält som är för breda, etiketter som inte är i linje med fälten eller layouter med flera kolumner som förvirrar fältordningen.
Titta på dina värmekartor och inspelningar separat för varje enhet för att identifiera enhetsspecifika problem. Din åtgärd för ett fältproblem på mobil kan skilja sig från åtgärden för samma fält på dator.
Använda beteendemönster i formulär för att förutsäga avhopp
När du har samlat värmekarte- och sessionsdata en tid börjar du se mönster. Vissa beteenden förutsäger att formuläret slutförs. Vissa beteenden förutsäger avhopp.
Om en besökare fyller i varje fält utan tvekan och klickar på skicka inom 30 sekunder kommer hen sannolikt att slutföra formuläret. Om en besökare tvekar vid det första fältet, kommer tillbaka till det tre gånger och fortfarande inte fyller i det kommer hen sannolikt inte att slutföra formuläret.
Avancerade verktyg använder den här mönsterigenkänningen för att identifiera troliga avhoppare i realtid. Om en besökare visar tecken på avhopp just nu kan ditt verktyg utlösa en åtgärd. En chattwidget visas. En verktygstips ger ett förtydligande. Ett meddelande lugnar besökaren om att formuläret är säkert. De åtgärderna sker medan besökaren fortfarande är i formuläret, inte efter att hen redan har lämnat.
Använda WEMASY:s formulärstatistik för att följa användarbeteende
WEMASY:s formulärbyggare har formulärstatistik som fungerar tillsammans med verktyg för värmekartor och sessionsinspelning. WEMASY:s statistik visar andel ifyllda per fält, antal fel och tid som läggs på varje fält. Datan kombineras med värmekartor och sessionsinspelningar och ger dig en komplett bild av formulärets prestanda.
När du ser en friktionspunkt i din värmekarta, kontrollera WEMASY:s fältstatistik för att bekräfta den. Om ett fält visar låg andel ifyllda i WEMASY:s statistik och en kall färg i din värmekarta är det en bekräftelse på att fältet skapar friktion. Använd sedan sessionsinspelningar för att förstå varför.
WEMASY låter dig också anpassa felmeddelanden och hjälptext. När du har identifierat en friktionspunkt med hjälp av värmekartor och inspelningar kan du testa olika formuleringar i WEMASY och sedan mäta om ändringen förbättrar andelen som slutför i statistiköversikten.
Det här arbetsflödet, värmekartor plus sessionsinspelningar plus WEMASY:s formulärstatistik, skapar ett komplett diagnossystem. Du ser vad som händer, förstår varför det händer och testar konkreta förbättringar, allt i ett och samma arbetsflöde.
Utforska WEMASY:s formulärbyggare och funktioner för statistik. Läs mer om formuläroptimering i principer för formulärdesign och lär dig hur du minskar friktion i formulär och ökar andelen som slutför.