Valet av formulärstruktur påverkar andelen som fyller i hela formuläret med 20 till 30 procent. Ett formulär på en sida med tjugo fält på en gång och ett formulär i flera steg som ställer samma tjugo frågor i tre separata steg samlar in identisk information. Men ifyllnadsgraden skiljer sig dramatiskt. Den ena strukturen får besökarna att tänka "Det här klarar jag på två minuter". Den andra får dem att tänka "Det här är för mycket jobb", och de lämnar sidan.
Så vilket upplägg ska du välja? Titta på ditt nuvarande formulär. Hur många fält frågar du efter? Fyller besökarna i det på mobil eller dator? Känns ett långt formulär överväldigande för dem, eller känns det som onödig friktion att dela upp det i steg? Svaret avgör allt. Ett registreringsformulär som ber om namn och e-post fungerar annorlunda än ett B2B-formulär för upptäcktssamtal som frågar om företagsuppgifter, budget och beslutsmandat. Den här artikeln går igenom när du ska använda vilket upplägg och hur du organiserar formuläret så att besökarna faktiskt blir klara.
Formulär i ett steg: vad de är och när du ska använda dem
Ett formulär i ett steg visar alla fält på en sida. Besökaren ser hela formuläret när sidan laddas. Hen scrollar genom alla fält, fyller i dem och skickar. Allt sker på en skärm.
Använd ett steg när formuläret har fem fält eller färre. Besökaren uppfattar ett formulär med fem fält som kort oavsett om det visas på en sida eller flera. Fler steg ger friktion utan nytta. En nyhetsbrevsanmälan som ber om namn, e-post och land fungerar bra i ett steg. Ett enkelt återkopplingsformulär med kommentar, betyg och e-post fungerar bra i ett steg. Besökaren blir klar på under två minuter och går vidare.
Använd ett steg när varje fält är enkelt och självförklarande. Om inget fält kräver sammanhang eller förklaring fungerar ett steg. Ett kontaktformulär med namn, e-post, meddelande och telefon är tydligt. Alla besökare förstår vad varje fält frågar efter. Ingen extra vägledning behövs. Ett steg tar bort onödiga steg och får formuläret klart snabbare.
Använd ett steg när du vill vara så öppen som möjligt om formulärets längd. Ett formulär på en sida visar besökaren exakt vad hen ger sig in på innan hen börjar. Inga överraskningar på nästa sida. Ingen känsla av "den frågan väntade jag mig inte". Vissa besökare föredrar den öppenheten och blir klara snabbare eftersom de känner till hela omfattningen i förväg.
Använd ett steg för snabba handlingar som sökningar, produktfilter eller snabba omröstningar. Ett sökformulär i en webbshop fungerar i ett steg. Ett produktfilter fungerar i ett steg. En snabb omröstning som frågar "Vilken funktion ska vi bygga härnäst?" fungerar i ett steg. Målet är omedelbar handling, inte insamling av detaljerad information. Ett steg levererar det.
Formulär i flera steg: vad de är och när du ska använda dem
Ett formulär i flera steg fördelar fälten över flera sidor i följd. Besökaren fyller i steg 1 med tre till fem fält, klickar på Nästa och kommer till steg 2 med en ny uppsättning fält. Steg 2 leder till steg 3, och så vidare. Formuläret visar sina frågor stegvis.
Använd flera steg när formuläret har fler än fem fält. Ett formulär med tio frågor konverterar bättre när det delas upp på två till tre steg än när det visas på en sida. En besökare som ser tio fält på en skärm tänker "Det här är för mycket jobb". Samma besökare som ser tre fält tänker "Det här klarar jag". Dela upp samma fält i steg och ifyllnadsgraden ökar med 20 till 30 procent.
Använd flera steg för formulär som frågar om olika ämnesområden. Ett B2B-förfrågningsformulär kan fråga om företagsuppgifter i steg 1, affärsmål i steg 2 och budget i steg 3. Varje steg har ett tydligt fokus. Besökaren vet varför frågorna är grupperade. Den logiska ordningen gör att formuläret känns mindre slumpmässigt.
Använd flera steg när du frågar efter känslig eller personlig information. Ett formulär som frågar om hälsotillstånd, ekonomiska uppgifter eller släkthistoria känns påträngande om allt kommer på en gång. Att fördela det över steg leder in besökaren i samtalet. Steg 1 frågar efter grundläggande demografisk information som känns neutral. Steg 2 frågar efter lite mer detaljer. Steg 3 ställer de känsliga frågorna. Vid steg 3 har besökaren redan lagt tid och beslutat att fortsätta. Det känsliga känns som en naturlig utveckling, inte som ett omedelbart krav.
Använd flera steg för registrerings- och kontoformulär. En besökare som skapar ett konto fyller vanligtvis i grundläggande uppgifter först (e-post, lösenord), lägger sedan till profiluppgifter (namn, plats) och ställer sedan in preferenser (hur ofta du vill ha meddelanden, intressen). Flera steg speglar den naturliga ordningen i informationen. Besökaren blir klar med varje skede och går vidare till nästa.
Använd flera steg för mobilformulär. Mobilanvändare tröttnar på att scrolla. Ett formulär med tio fält på mobilen betyder att man scrollar genom en lång sida. Flera steg betyder att varje sida visar tre till fyra fält. Besökaren fyller i dem, klickar på Nästa och ser en ny skärm. Ingen lång scrollning. Ingen trötthet. Mobilbesökare har särskilt nytta av upplägget steg för steg. Om ditt formulär ska fungera på mobil, välj flera steg som utgångspunkt om det inte är riktigt kort (fem fält eller färre).
Hur många steg ska ditt formulär i flera steg ha
Ett formulär med 6 till 15 fält fungerar bra som ett formulär i 2 till 3 steg. Ett formulär med 15 till 25 fält fungerar som ett formulär i 3 till 4 steg. Ett formulär med fler än 25 fält bör ha 4 till 5 steg som mest. Målet är att varje enskilt steg visar 5 till 7 fält, vilket känns hanterbart utan att skapa onödiga sidladdningar.
Dela inte upp ett formulär med 10 fält i 5 steg. Det förstör syftet. En besökare som klickar på Nästa fem gånger för ett formulär med 10 fält upplever det som mer jobb, inte mindre. Håll antalet steg så lågt att besökaren når slutet utan att bli trött.
Om ditt formulär använder villkorslogik där olika besökare går helt olika vägar spelar antalet steg mindre roll. En besökare som svarar "Företagets storlek: 1 till 5 personer" kan se 3 steg. En besökare som svarar "Företagets storlek: över 100 personer" kan se 5 steg. Varje besökare upplever bara sin relevanta väg. Det totala antalet steg är mindre viktigt än att få varje besökares väg att kännas kort och relevant.
Så organiserar du ett formulär i flera steg
Steg 1 bör fråga efter grundläggande identifierande information. E-post, namn, företag. De fälten är enkla och känns trygga. Besökaren blir klar med steg 1 och får fart. Hen vill gärna bli klar.
Steg 2 bör fråga om behov, mål eller situation. "Vad vill du uppnå?" "Vad är din största utmaning?" "Hur många är ni i teamet?" Det steget klargör besökarens sammanhang. Det går från "Vem är du?" till "Vad behöver du?"
Steg 3 bör fråga efter detaljerad eller känslig information. Budget, tidplan, mandatnivå, hälsouppgifter, ekonomiska uppgifter. Vid steg 3 har besökaren bestämt sig för att fortsätta. Att ställa de känsliga frågorna här känns naturligt, inte påträngande. Hen har redan investerat.
Fråga inte efter samma information två gånger. Steg 1 frågar efter e-post. Fråga inte efter e-post igen i steg 2 eller 3. Varje steg ska samla in ny information, inte upprepa.
Gruppera logiskt sammanhörande fält i samma steg. Om du frågar om företagsuppgifter, fråga efter företagets storlek, bransch och plats i samma steg. Sprid dem inte över tre steg. Logisk gruppering får formuläret att kännas ordnat, inte slumpmässigt.
Ställ inte en fråga i steg 1 som beror på ett svar i steg 2. Om steg 2 frågar "Hur stort är ert företag?" ska du inte fråga "Hur många chefer har ni?" i steg 1. Antalet chefer beror på företagets storlek. Ställ fälten i den ordning de logiskt beror på varandra.
Mobilformulär behöver flera steg
De flesta formulärinskick sker på telefoner. Om ditt formulär ska fungera på mobil, använd flera steg. Ett formulär i ett steg med tio fält på mobilen betyder att besökaren scrollar genom en lång sida. Hen blir trött. Hen överger formuläret halvvägs.
Ett formulär i flera steg på mobilen visar 3 till 4 fält per steg. Besökaren fyller i dem och klickar på Nästa. En ny skärm visas med nya fält. Ingen lång scrollning. Ingen trötthet. Varje steg känns snabbt.
Undantag: om ditt formulär har fem fält eller färre fungerar ett steg bra på mobil. Ett formulär med fem fält scrollas snabbt på en telefon. Besökaren blir klar utan att bli trött. Men allt som är längre än fem fält bör delas upp i steg för mobilanvändare.
Om ditt formulär ska fungera både på dator och mobil, designa för mobilen först. Bygg formuläret i flera steg. På datorn fungerar formuläret fortfarande. De extra stegen skadar inte konverteringen på dator. Men ett formulär i ett steg som är optimerat för dator presterar dåligt på mobil. Mobilen först ser till att ditt formulär fungerar överallt.
Förloppsindikatorernas roll
Ett formulär i flera steg bör alltid visa förloppet. En förloppsindikator talar om för besökaren var hen är i processen. "Steg 2 av 4" eller ett visuellt förloppsfält visar hur många steg som återstår. Det spelar roll eftersom det bygger förtroende. En besökare som vet att hen är halvvägs fortsätter oftare än en besökare som inte har aning om hur många steg som återstår.
Förloppsindikatorer har en annan funktion också. De minskar oro. En besökare är mer villig att börja på ett formulär om hen vet att det har 3 steg än om hen inte har någon aning om hur lång tid det tar. Öppenhet om längden ökar ifyllnadsgraden.
Formulär i ett steg behöver inga förloppsindikatorer eftersom det inte finns något förlopp att visa. Hela formuläret syns.
Testa om du är osäker
Om du har ett formulär med 6 till 10 fält och är osäker på om ett steg eller flera steg fungerar bäst, testa båda. Bygg två versioner. Visa version A (ett steg) för 50 procent av besökarna i två veckor. Visa version B (flera steg) för de andra 50 procenten under samma period. Följ ifyllnadsgraden. Efter två veckor vet du vilket upplägg som fungerar bäst för just din målgrupp och ditt formulär.
Testning spelar roll eftersom undantag finns. Vissa målgrupper föredrar ett steg även för längre formulär om frågorna är mycket enkla. Vissa formulär som verkar för långa för ett steg konverterar ändå bra eftersom besökaren är mycket motiverad. Dina egna data är mer pålitliga än allmänna riktlinjer.
Vanliga misstag att undvika
Att lägga ett formulär med tio fält på en sida och räkna med hög ifyllnadsgrad. Besökaren ser tio fält på en skärm och tänker "Det här tar en evighet". Gör inte så. Om ditt formulär har fler än fem fält, använd flera steg.
Att dela upp ett kort formulär i för många steg. Ett formulär med tre frågor behöver inte delas upp på två steg. Det ger bara friktion. Använd ett steg för formulär med fem fält eller färre.
Att fråga "Vad är er årsomsättning?" i steg 1. Öppna inte med känsliga frågor. Besökaren har inte bundit sig än. Hen ser en känslig fråga och lämnar. Fråga först efter identifierande information (namn, e-post, företag) och ställ sedan de känsliga frågorna i steg 2 eller 3.
Att skapa sex eller sju steg. Ett formulär som delas i sex steg känns som att det aldrig tar slut. Håll det till två till fyra steg för de flesta formulär. Fler än så och besökarna lämnar innan de når slutet.
Att inte visa förloppet. Ett formulär i flera steg måste visa "Steg 2 av 4" eller ett visuellt förloppsfält. Utan förlopp vet besökarna inte om de är halvvägs eller nästan klara. Den osäkerheten sänker ifyllnadsgraden. Lägg till en förloppsindikator i varje formulär i flera steg.
Att fråga efter samma information två gånger. Fråga inte efter e-post i steg 1 och sedan efter e-post igen i steg 3. Varje steg ska samla in ny information. Upprepade frågor får formuläret att kännas trasigt.
Så hjälper WEMASY dig med formulärstruktur
Med WEMASY:s formulärbyggare är det enkelt att skapa både formulär i ett steg och i flera steg. Du kan bygga ett formulär i flera steg med villkorslogik så att olika besökare ser olika frågor utifrån sina svar. Du kan ordna om steg och fält utan att bygga om formuläret. Alla inskick landar i din översikt för analys där du kan se hur många som blir klara med varje steg. Om steg 2 har högt avhopp kan du hitta problemet och åtgärda det. För en bredare översikt över hur formulärdesign påverkar konverteringen, se vår guide om principer för formulärdesign och hur du minskar friktionen i formulär och ökar ifyllnadsgraden.