Det vanligaste antagandet om formulärdesign är också det farligaste: kortare formulär konverterar alltid bättre. Den som tittar på ditt kontaktformulär med 10 fält tror att 5 skulle ge bättre resultat. Den som utformar ett registreringsformulär tror att 1 fält säkert är bättre än 2.
I verkligheten är formulärlängd en variabel, inte en konstant. Ett formulär med 12 fält kan konvertera betydligt bättre än ett med 3 fält i rätt sammanhang. Ett registreringsformulär med ett enda fält kan prestera sämre än en version med 4 fält som ger mer kvalificerade leads. Misstaget är att se längden som problemet när den egentligen är ett symptom på något annat.
Det här kapitlet går igenom vad forskningen faktiskt säger om formulärlängd, hur du tänker kring det optimala antalet fält för just ditt formulär och när längre formulär faktiskt vinner.
Vad forskningen visar om formulärlängd och konvertering
Studierna om formulärlängd kommer alla fram till samma slutsats: det beror på. Men inom det "det beror på" finns några verkliga mönster som är värda att känna till.
En analys av över 40 000 kundformulär visade att formulär med 3 fält konverterade med 25 %, medan formulär med 5 fält konverterade med 21 %. På ytan stöder det idén att färre fält vinner. Men tittar du djupare bryts mönstret. Formulär med 8 fält konverterade fortfarande bra, ibland högre än både versionen med 5 fält och den med 10 fält, beroende på vad fälten frågade efter.
Ett forskningsinstitut inom användbarhet fann att 81 % av mobilanvändarna överger formulär som de uppfattar som för långa. Lägg märke till ordet "uppfattar". Ett formulär med 6 fält kan kännas långt om alla är obligatoriska och tätt placerade. Samma 6 fält fördelade på 3 steg kanske inte känns långa alls.
En analys av flera fallstudier från en marknadsföringsbyrå visade något överraskande. I ett test presterade ett formulär med 11 fält sämre, och det gjorde även ett med 10 fält. En version med 15 fält konverterade 109 % bättre. Versionen med 30 fält i ett annat formulär nådde 53 % konvertering. Det avgörande var inte antalet fält. Det var om formuläret stämde med vad besökaren förväntade sig och om hen förstod varför frågorna ställdes.
Kort sagt: varje riktvärde du ser om "det ideala antalet fält" är hämtat från ett specifikt användningsfall och går inte att överföra rakt av till ditt formulär.
Formulärlängd efter typ: vad som faktiskt spelar roll
Tänk på formulärlängd utifrån vad människor fyller i, i stället för ett universellt tal. Olika typer av formulär ger olika förväntningar.
Registrerings- och nyhetsbrevsformulär i ett steg
Insamling av e-post och prenumerationer på nyhetsbrev fungerar bäst med 1-2 fält. Fråga efter en e-postadress (obligatoriskt). Fråga eventuellt efter ett förnamn. Allt utöver det sänker konverteringen märkbart.
Varför? Besökaren har inte förbundit sig ännu. Du ber hen byta information mot en framtida nytta som hen inte har upplevt. Håll förfrågan minimal. Samla in mer data senare, när hen har investerat något.
Kontakt- och offertformulär
Kontaktformulär presterar oftast bäst med 3-5 fält: namn, e-post, telefon (valfritt i vissa branscher), meddelande eller beskrivning och kanske en kvalificerande fråga. Det är den punkt där du samlar in tillräckligt för att kunna följa upp på ett meningsfullt sätt utan att skapa tvekan.
Över 5 fält ökar avhoppen. Med 8 fält i ett enkelt kontaktformulär skapar du onödig friktion. Besökaren vill höra av sig snabbt. Gör det enkelt.
Boknings- och tidsbokningsformulär
Formulär för tidsbokning och eventanmälan klarar fler fält eftersom besökaren redan har bestämt sig mentalt. Hen har beslutat sig för att boka. Fält för datum, tid, kontaktuppgifter och kanske en anteckning om behov är väntade. Här kan du gå upp till 5-7 fält utan märkbar friktion.
Det du inte kan göra är att ställa kvalificerande frågor här. Det ökar den mentala belastningen just när hen försöker slutföra ett beslut som redan är taget. Spara kvalificeringen till ett uppföljande steg.
Kassa- och kontoskapandeformulär
Kassan i e-handel har i genomsnitt 14,88 fält i branschen. Men det optimala är 6-8 synliga fält för gästkassa. Hur? Genom progressiv visning. Visa det som behövs först (leveransadress, betalningssätt). Göm valfria fält bakom reglage som "lägg till en faktureringsadress".
Formulär för att skapa konto klarar 8-10 fält eftersom användaren vet varför hen skapar ett konto. Hen har sammanhanget. Ändå minskar varje fält utöver 8 konverteringen på mobil med 3-7 %. Här är det viktigare att testa just ditt flöde än att följa något riktvärde.
B2B- och leadkvalificeringsformulär
Formulär för företagskunder behöver ofta kvalificera leads efter företagsstorlek, bransch, budget eller tidsram. Ett B2B-kontaktformulär med 8-12 fält presterar faktiskt bättre än korta formulär när det sållar bort okvalificerade leads i förväg. Ditt säljteam får leads av bättre kvalitet. Dina konverteringsmått förbättras eftersom du bara räknar seriösa intressenter.
Här hjälper formulärlängden faktiskt dina affärsmått, även om den råa andelen avhopp är högre.
Den dolda variabeln: upplevelsen av fälten spelar större roll än antalet
Ett formulär med 5 fält där 4 är dolda tills du svarat på det första känns helt annorlunda än ett formulär med 5 synliga fält. Ett formulär med 8 obligatoriska fält känns längre än ett med 8 fält där 3 är valfria. Det är inte antalet som driver avhoppen. Det är upplevelsen.
Två konkreta faktorer förändrar hur ditt formulär känns:
Obligatoriskt eller valfritt
Markera fält som valfria om de verkligen är det. När ett formulär visar 8 fält och 3 är valfria tänker besökaren direkt "jag behöver bara fylla i 5 av dem". Den mentala belastningen sjunker. Omvänt känns ett formulär med 5 obligatoriska fält svårare att slutföra än ett med 8 fält där du kan hoppa över hälften.
Titta på lösenordsfältet. Att skapa lösenord har en av de högsta avhoppsandelarna i formulär (cirka 10,5 %) eftersom användare ofta upplever det som komplicerat eller påträngande. Om ditt formulär kräver det, flagga det tidigt. Om det är valfritt, säg det tydligt.
Progressiv profilering och villkorsstyrd logik
I stället för att samla in all information på en gång kan du ställa olika frågor beroende på tidigare svar. Ett formulär som visar 3 fält från början och sedan avslöjar 2-3 till utifrån det första svaret känns kortare än ett som visar alla 8 samtidigt.
WEMASY:s formulärbyggare använder villkorsstyrd logik för att dölja eller visa fält dynamiskt. En besökare som svarar "Jag är frilansare" på en fråga om verksamhetstyp ser aldrig fältet "Hur många anställda har du?". Formuläret förblir kort för hen.
Avhopp i mobilformulär: den verkliga gränsen
Mobilen ändrar allt. Samma formulär med 6 fält som fungerar på datorn fungerar ofta inte på mobilen. Varje fält utöver 8 minskar konverteringen på mobil med 3-7 %. Vid 10 fält eller fler på mobil konkurrerar du mot lusten att stänga webbläsaren och komma tillbaka senare.
Om mobiltrafiken är betydande för ditt formulär, utforma mobilupplevelsen först. Det betyder ofta:
- Att visa 4-5 fält per skärm på mobil
- Att använda en kolumn i stället för fält sida vid sida
- Att göra knapparna stora och tumvänliga
- Att använda autofyll och förinställningar där det går
Mobilanvändare överger formulär som de upplever som långa eftersom de har ett enkelt alternativ: stänga fliken. Datoranvändare kämpar ibland på. Mobilanvändare gör det inte.
Så bestämmer du rätt antal fält för just ditt formulär
Nu känner du till riktvärdena. Men ditt formulär är inget riktvärde. Här är ramverket för att räkna ut hur många fält ditt formulär egentligen bör ha.
Steg 1: Lista varje fält du vill samla in
Skriv ner allt du skulle vilja veta. Filtrera inte än. Namn, e-post, telefon, företag, titel, bransch, företagsstorlek, budgetspann, tidsram, projektbeskrivning, hur de hittade dig, jämförelse med andra leverantörer, tekniska krav, allt.
Steg 2: Betygsätt varje fält efter nödvändighet
Fråga för varje fält: kan jag följa upp utan den här informationen? Om svaret är ja är det valfritt eller kan skjutas upp. Om svaret är nej är det nödvändigt.
Du behöver e-postadressen och meddelandet. Du behöver förmodligen inte veta företagsstorleken innan de kontaktar dig. Det kan du fråga om i ett uppföljande e-postmeddelande.
Steg 3: Skilj mellan nu och senare
Viss information bör samlas in nu. Viss bör samlas in efter att de redan har engagerat sig. Ett kontaktformulär behöver meddelandet. Det behöver inte budgeten. Ett formulär för demobokning behöver företag och roll. Det behöver inte den exakta tidsramen förrän demon är bokad.
Nödvändigt nu = obligatoriskt fält. Viktigt senare = uppföljningsfråga. Trevligt att ha = hoppa över.
Steg 4: Testa varianter
Bygg formuläret med det antal fält du siktar på. Låt det rulla en vecka. Notera inskick, avhopp och inskickens kvalitet. Minska sedan med 2-3 fält (ta bort de valfria med lägst prioritet) och testa den versionen. De flesta team hittar rätt nivå inom 2-3 testomgångar.
När längre formulär faktiskt konverterar bättre
All den här diskussionen om antal fält kan skymma en viktig verklighet: ibland vinner ett längre formulär.
Ett personligt frågeformulär med 8-12 frågor före en rekommendation konverterar högre än ett kort formulär eftersom besökaren har lagt ner tid. Den investeringen skapar engagemang. När hen ser resultatet är det mer sannolikt att hen agerar.
Ett B2B-leadformulär med 10 fält som frågar om företag, användningsfall, budget och tidsram ger ofta möten av högre kvalitet än ett med 3 fält, eftersom leads som inte passar väljer bort sig själva. Din konverteringsgrad kan bli lägre (färre inskick totalt), men dina affärsmått förbättras (färre bortkastade säljsamtal).
Ett anmälningsformulär till ett event som i förväg frågar deltagarna om kostrestriktioner, tillgänglighetsbehov och ämnesintressen låter arrangörerna ge en bättre upplevelse. Det längre formuläret ger ett bättre event. Deltagarna blir inte irriterade eftersom de förstår varför de svarar.
Mönstret: längre formulär vinner när besökaren upplever värde i att svara. Kortare formulär vinner när friktionen i att förbinda sig väger tyngre än informationens kvalitet.
Testa din formulärlängd systematiskt
När du har utformat formuläret utifrån nödvändighet och sammanhang behöver du fortfarande kontrollera att det fungerar. Antaganden om antal fält är genomgående fel. Testning slår teori.
Vad du ska mäta
Följ de här måtten för varje version av formuläret:
- Andel inskick: Hur stor andel av de besökare som ser formuläret slutför det?
- Avhopp per fält: Vilka specifika fält orsakar flest avhopp? (Använd verktyg för formulärstatistik för att se detta.)
- Tid till slutförande: Hur lång tid tar det för användarna att fylla i det?
- Leadkvalitet: Försämrade färre fält kvaliteten på de inskick du får?
- Mobil jämfört med dator: Är skillnaden i resultat stor?
Om en minskning från 8 till 5 fält ökar inskicken med 20 % men sänker leadkvaliteten märkbart kanske du siktar fel. Om en minskning från 8 till 5 fält ökar inskicken OCH kvaliteten förblir densamma har du hittat ditt svar.
Hur länge du ska testa
Kör varje variant minst en vecka, längre om trafiken är låg. Du behöver minst 50-100 inskick per variant för att se mönster. Med formulär som har lite trafik kan det ta en månad. Det är okej. Du gissar inte längre.
WEMASY-formulär och fältoptimering
WEMASY:s formulärbyggare ger dig flera sätt att använda teknikerna som beskrivs här utan att bygga egen kod.
Fält med villkorsstyrd logik låter dig visa eller dölja fält utifrån tidigare svar. En besökare som väljer "Jag är frilansare" ser aldrig fältet "Hur många anställda?". Formuläret förblir kort för hen.
Flerstegsformulär delar upp långa formulär i mindre skärmar. Ett formulär med 8 fält fördelat på 2 steg känns kortare än samma 8 fält på en skärm. WEMASY:s formulärbyggare hanterar förloppsindikatorer och automatiskt framsteg så att upplevelsen blir smidig.
Formulärstatistik visar var folk hoppar av. Du ser vilket fält som orsakar flest avhopp, hur lång tid varje fält tar att fylla i och andelen inskick per enhet. Använd datan för att testa din teori om optimalt antal fält för just ditt formulär.
Förifyllning och autofyll minskar den upplevda längden på ett formulär. Om ett fält kan fyllas i förväg från en befintlig kontaktpost eller automatiskt av webbläsarens data ser besökarna mindre arbete framför sig. WEMASY stöder dynamisk förifyllning baserad på URL-parametrar och autofyll i vanliga fält som e-post och telefon.
Se hur WEMASY:s formulärbyggare hanterar de här funktionerna. Läs mer om att utforma formulär som fungerar i principer och bästa praxis för formulärdesign och om hur övergivna formulär uppstår och hur du förebygger dem. Börja med hur du skapar ditt första formulär och experimentera med antal fält i just ditt användningsfall.