Formulärtestning: färre fält vinner
Fältens komplexitet driver avhopp
Fler fält ger mer friktion. Varje fält är en anledning att sluta. Studier visar att formuläravhoppen ökar för varje extra fält. Ett fält ger nästan inga avhopp. Fem fält ger 30 procents avhopp. Tio fält ger 50 procents avhopp.
Börja med ett minimalt fungerande formulär. Bara de fält du absolut behöver. Testa att ta bort fält innan du lägger till nya.
Vilka fält du ska testa att ta bort
Ta bort valfria fält först. Telefonnummer när du bara behöver e-post. Webbadress när den inte är relevant. Postnummer när land räcker.
Ta bort fält som dubblerar information du redan har någon annanstans. Om du känner till e-postdomänen, fråga inte efter företag. Om formuläret finns i kassan, fråga inte efter telefon när du har beställningen.
Testa att ta bort ett fält i taget. Om det ökar antalet inskick med fem procent att ta bort telefon, låt det vara borttaget. Testa sedan att ta bort nästa fält.
Fältens ordning spelar roll
Besökare läser formuläret uppifrån och ned. Svårare fält högst upp ger tidiga avhopp. Lägg de enkla fälten först. E-post före företag. Namn före telefon.
Villkorsstyrda fält fungerar bra i tester. ”Har du ett företag?” Om ja, visa fältet för företag. Om nej, hoppa över det. Det gör formuläret kortare och fler fyller i det hela.
Testning av fälttyper
Rullgardinsmenyer eller textfält
Rullgardinsmenyer passar för kända alternativ. Landslistor. Länslistor. Kända kategorier.
Textfält passar för öppna svar. Namn. E-post. Eget innehåll.
Testa hur alternativen visas. En rullgardinsmeny med 50 länder mot ett enda textfält med ”Ange land”. Rullgardinsmenyn går snabbare för användaren om listan är kort. Textfältet går snabbare om listan är lång.
Ett enda formulär eller flerstegsformulär
Ett enda långt formulär känns överväldigande. Det visar alla fält på en gång.
Ett flerstegsformulär visar tre fält per steg. Det känns kortare. Det känns mindre skrämmande. Besökare slutför det oftare.
Testa ett enda formulär med fem fält mot ett formulär i tre steg med två, två och ett fält. Flerstegsformulär vinner oftast på slutförande men kostar avhopp mellan stegen. Mät fullständigt slutförande, inte slutförande per steg.
Platshållartext eller etiketter
Platshållartext inne i fältet. När besökaren skriver försvinner platshållaren. Fältet ser tomt ut.
Etikett ovanför fältet. Den förblir synlig. Besökaren vet alltid vad fältet är till för.
Testa enbart platshållare mot etikett ovanför. Etiketter vinner på slutförande. Enbart platshållare förvirrar besökare i fält som de hoppar över.
Testning av sidlayout och visuell hierarki
Placering ovanför vikningen
Ovanför vikningen är den del som besökare ser utan att scrolla. Att flytta nyckelinnehåll ovanför vikningen ökar engagemanget.
Testa att flytta call to action-knappen ovanför vikningen mot mitten av sidan. Testa att flytta huvudrubriken högre upp. Testa att flytta formuläret till toppen av sidan.
Besökare som ser CTA:n utan att scrolla klickar oftare. Många av dem som måste scrolla lämnar sidan innan de når knappen.
Omordning av innehåll och flöde
Ett typiskt sidflöde: rubrik, underrubrik, problem, lösning, funktioner, CTA, formulär.
Alternativ: rubrik, formulär, bevis, fler funktioner, CTA.
Testa att visa formuläret före beviset mot efter beviset. B2B fungerar oftast bäst med formuläret tidigare. B2C behöver mer bevis först. Testa med din egen publik.
Testa bildens placering. Huvudbild ovanför rubriken mot vid sidan av. Tester visar att sida vid sida ibland vinner. Det beror på bildens kvalitet och rubrikens styrka.
Visuella designelement
Knappens färg påverkar klicken. Röd knapp mot blå knapp mot grön knapp. Testa mot den nuvarande.
Luft på sidan påverkar läsbarheten. En tät sida mot en luftig sida. Luftig vinner oftast för premiumprodukter. Tät vinner för rabatter och brådska.
Testa textjustering. Centrerad text känns formell. Vänsterjusterad text känns naturlig och lättläst.
Testning av placering av social bekräftelse
Placering av omdömen
Omdöme ovanför vikningen mot under vikningen. Omdömen skapar förtroende. Om du lägger omdömen före formuläret ökar slutförandet av formuläret.
Testa omdömen bredvid formuläret mot omdömen i en annan sektion. Närhet till CTA:n spelar roll.
Förtroendesignaler
Testa att visa kundlogotyper. Testa att visa antal recensioner. Testa att visa utmärkelser. Testa att visa ett meddelande om pengarna-tillbaka-garanti.
Alla ger ökad trovärdighet. Testa placeringen: ovanför CTA:n ökar förtroendet före beslutet. Under CTA:n lugnar efter att de har bestämt sig.
Testning av formulär och layout för mobil
Formulärlängd på mobil
Mobilanvändare är otåliga. Långa formulär på mobil slutförs 20 procent mer sällan än på dator.
Testa en mer rigorös borttagning av fält på mobil. Fem fält på dator. Tre fält på mobil. Testa att dölja fält villkorsstyrt på mobil.
Inmatningstyper på mobil
Ett nummerfält öppnar sifferknappsatsen. Ett e-postfält öppnar e-postknappsatsen. Ett telefonfält öppnar sifferknappsatsen med plustecken.
Testa rätt inmatningstyper. Fel typ gör det svårare att skriva. Rätt typ gör det snabbare.
Layoutriktning på mobil
Dator: vänster kolumn med rubrik och formulär. Höger kolumn med bild.
Mobil: rubrik, bild, formulär. Staplat vertikalt. Staplingsordningen spelar roll. Testa bild före formulär mot formulär före bild.
Vanliga frågor
Om jag tar bort ett fält och får fler inskick men leads av lägre kvalitet, ska jag ändå ta bort det?
Mät effekten på leadkvaliteten. Om du får 30 procent fler inskick men 30 procent lägre konverteringsgrad går du jämnt upp. Men du har 30 procent fler samtal med potentiella kunder. Fler samtal vinner oftast på lång sikt. Kör testet i en månad. Räkna totala konverteringar, inte bara andelen inskick. Kvalitet plus kvantitet spelar roll. Ibland vinner fler samtal även med lägre individuell konverteringsgrad. Med WEMASY:s webbplatsbyggare kan du ställa in det direkt på din webbplats.
Hur testar jag formulärfält om mitt formulär är inbäddat olika på flera sidor?
Testa först på sidan med mest trafik. Oftast startsidan eller en produktsida. När du hittat en vinnande variant på sidan med mycket trafik inför du den överallt. Testa sedan på sekundära sidor om trafiken räcker. Ett test i taget per sida, så att det inte blir oklart vad som drev förändringen.
Är flerstegsformulär alltid bättre än ett enda formulär för slutförande?
Inte alltid. Flerstegsformulär minskar avhoppen per steg men lägger till avhopp mellan stegen. Någon ger upp mellan stegen. Testa båda. Mät hela slutförandegraden från start till sista steget, inte slutförande steg för steg. Ett enda steg vinner oftast under tre fält. Flerstegsformulär vinner över fem fält. Tre till fem fält är en tossa. Testa med din egen publik.
Ska jag testa att ta bort ett obligatoriskt fält eller ändra vilka fält som är obligatoriska?
Om ett fält är obligatoriskt, testa att göra det valfritt innan du tar bort det helt. Ett valfritt fält hoppas över av vissa besökare. Du får ändå data från dem som fyller i det. Det är bättre än att förlora den från alla. Om de flesta besökare hoppar över ett valfritt fält tar du bort det.
Skadar det sidans SEO om jag flyttar formuläret ovanför vikningen?
Nej. Ovanför vikningen ger ingen SEO-bestraffning. Google bryr sig om innehållets kvalitet och relevans, inte om layouten. Att flytta formuläret ovanför vikningen förbättrar användarupplevelsen, förbättrar konverteringen och förbättrar affärsmåtten. SEO-effekten är positiv eller neutral. Gör det.
Hur testar jag formulärändringar på en sida med flera formulär?
Testa ett formulär i taget. Olika formulär konverterar av olika skäl. Ett kontaktformulär har en annan optimal design än en nyhetsbrevsanmälan. Om du testar båda samtidigt blir resultaten oklara. Ta reda på vilket formulär som ger mest värde. Testa det först. Ändra det. Testa sedan nästa formulär.