Varje extra formulärfält du lägger till kostar dig slutförda formulär. Forskare vid UX-byråer har sett att varje nytt obligatoriskt fält sänker andelen som slutför med 10 till 15 procent. Uttryckt på ett annat sätt: ett formulär med fem fält slutförs ungefär hälften så ofta som ett formulär med två fält, allt annat lika.
Men du kan inte bara ta bort alla fält. Du behöver uppgifterna för att följa upp. Lösningen är inte färre formulär. Det är formulär som frågar efter mindre, jobbar hårdare och respekterar den tid dina besökare redan har lagt ned.
Den här artikeln går igenom de beprövade sätten att ta bort den friktion som får människor att överge ditt formulär halvvägs, och vad du ska ersätta den med.
Vad formulärfriktion egentligen är
Formulärfriktion är varje punkt i upplevelsen av att fylla i ett formulär där användaren tänker "det här är irriterande" eller "det här är för mycket" och bestämmer sig för att stänga webbläsarfliken i stället. Det är inte en enda sak. Det är en serie små irritationer som läggs på varandra.
Ett fält som frågar efter uppgifter som de redan har gett någon annanstans. En rullgardinslista med 200 alternativ. Ett telefonfält som inte godtar ett vanligt format. Ett felmeddelande som inte förklarar vad som gick fel. Var och en är friktion.
Friktionen blir värre ju fler fält du har. Men den blir också värre om du frågar efter något som formuläret kunde ta reda på själv. Den blir värre om du frågar efter något de inte vill ge. Och den blir värre om formuläret inte talar om hur långt de har kommit.
Det bästa sättet att hantera formulärfriktion är att sluta se formulär som tomma sidor man fyller i och i stället se dem som samtal. Om en vän ställde fem frågor i rad utan paus skulle du känna dig förhörd. Men om vännen ställde en fråga, väntade på ditt svar och sedan ställde nästa känns det som en dialog.
Ramverket i tre steg för att minska formulärfriktion
UX-forskare vid ett välkänt forskningsföretag utvecklade ett ramverk som kallas EAS, vilket fungerar eftersom det angriper friktionen från tre håll i stället för att försöka laga allt på en gång.
Steg 1: Eliminera. Ta bort fält som inte är nödvändiga, inte brådskande eller inte relevanta. Fråga dig själv om varje fält: Behöver jag den här informationen just nu för att föra personen framåt, eller kan jag fråga efter den senare? Går formuläret inte att använda utan det här fältet, eller är jag bara noggrann? Många formulär frågar efter saker av gammal vana ("vi har alltid frågat efter det") eller för valfri uppföljning som kunde vänta.
Steg 2: Automatisera. Fyll i de luckor som formuläret kan fylla i själv. Om du kan härleda någons ort och delstat från postnumret, gör det. Om du redan vet vilket land personen är i från IP-adressen, be inte hen välja det. Om hen har skickat ett formulär på din webbplats förut, spara namn och e-postadress så att hen bara behöver bekräfta, inte skriva om. Automatisering är inte bedräglig. Den är respektfull.
Steg 3: Förenkla. Gör de frågor som är kvar lättare att svara på. Använd smarta standardvärden. Anpassa inmatningstypen till frågan (en kalenderväljare för datum, ett telefontangentbord för telefonnummer). Låt människor skriva telefonnummer som de naturligt skulle göra och formatera det i backend. Visa bara en fråga i taget om du använder ett formulär i flera steg. Förloppsindikatorer talar om för människor att de inte sitter fast på fråga ett för alltid.
Så tar du bort fält utan att förlora information
Instinkten att lägga till fält är stark. Varje avdelning vill ha data. Marknad vill ha beteendedata. Försäljning vill ha signaler för kvalificering. Support vill ha information för att styra ärenden. Men varje fält du lägger till är ett vad om att värdet du får är värt de slutförda formulär du förlorar.
Börja med att lista alla fält ditt formulär har i dag. Skriv ned vid varje fält: Behöver vi det här första dagen, eller är det valfritt? Kan vi dra slutsatsen av det vi redan vet? Kan vi fråga efter det här efter inskicket, via e-post eller vid ett uppföljningssamtal?
De frågor som är värda att behålla i det första formuläret är de som diskvalificerar eller styr en lead. Namn och e-postadress behålls nästan alltid. En fråga som skiljer leads med högt värde från leads med lågt värde är värd friktionen. Ett fält som vore trevligt att ha men inte är avgörande för nästa steg ska bort.
Villkorsstyrd logik är din vän här. Om du driver ett tjänsteföretag som betjänar både webbutiker och SaaS-företag kan du fråga "Vilken typ av företag har du?" och sedan visa olika uppföljningsfrågor beroende på svaret. De ser bara de fält som är viktiga för dem.
Automatisering som ersätter manuell inmatning
Den största snabba vinsten för att minska friktion är autofyll. Om någon har gett dig sina uppgifter förut bör du redan känna till dem. WEMASY-formulär kan förifylla fält för återkommande besökare om du tidigare har samlat in deras data.
Adressökning är en annan automatisering som minskar friktionen kraftigt. I stället för att skriva ut hela adressen skriver användare in postnummer och ort och väljer sedan sin gata i en lista. Det går snabbare och blir mer exakt än att skriva.
För telefonnummer kan geolokalisering ställa in landskod och telefonformat utifrån var besökaren befinner sig. De skriver fortfarande numret, men fältet vet vilket format det ska förvänta sig.
Smarta standardvärden fungerar eftersom de utgår från det vanligaste svaret. Om 90 procent av dina kunder finns i USA, gör det till standardland. Om du frågar om företagsstorlek och de flesta av dina kunder är små företag, låt listan börja på det alternativet. Användare kan ändra det med ett klick om det är fel, men du tar bort ett beslut för majoriteten.
Förenklingar som fungerar
När du har skurit bort det överflödiga och automatiserat det du kan förenklar du de frågor som är kvar.
En fråga i taget. Formulär i flera steg (en fråga per skärm, eller en stegvis visning) känns kortare än formulär på en sida med samma antal fält. När någon har svarat på den första frågan är hen investerad. Hen är mer benägen att ta sig igenom till slutet.
Tydliga inmatningstyper. Mobilbesökare ska se ett telefontangentbord när de fyller i ett telefonnummer och en datumväljare när du frågar efter ett datum. De är inbyggda i moderna webbläsare och formulärbyggare. Använd dem.
Flexibel formatering. Telefonnummer ser inte alla likadana ut. Vissa lägger till bindestreck. Vissa lägger till parenteser. Vissa skriver bara siffrorna. Låt dem skriva som de vill och formatera det i backend. Formuläret ska fungera för dem, inte få dem att arbeta för det.
Förloppsindikatorer. Om du använder ett formulär i flera steg, visa var de är på resan. "Fråga 2 av 5" talar om för dem att de inte sitter fast. De vet vad som är kvar.
Felmeddelanden som hjälper. Om någon fyller i något fel, säg inte "Ogiltig inmatning." Berätta vad du faktiskt behöver. "Ange ett telefonnummer i formatet 123-456-7890" är tydligt. "Ogiltigt format" låter dem gissa. Läs mer om design och validering av formulärfält.
Spårning per fält avslöjar det verkliga problemet
Den totala andelen slutförda formulär är ett användbart mått, men det är inte tillräckligt specifikt. Om du vet att 60 procent slutför ditt formulär vet du inte om problemet är fält ett eller fält tio. Du kanske gör ändringar som inte åtgärdar den verkliga flaskhalsen.
Med verktyg för formulärstatistik kan du följa slutförande per fält. Du ser var människor hoppar av. Om du märker att 80 procent börjar fylla i ditt formulär men bara 50 procent tar sig förbi adressfältet är det där du ska fokusera. Kanske hjälper adressökning. Kanske kan villkorsstyrd logik göra det valfritt utifrån det tidigare svaret.
Den här sortens insikt per fält är skillnaden mellan att gissa och att veta. Du kan förbättra utifrån data i stället för antaganden.
Mobilformulär behöver extra omsorg
På mobila enheter multipliceras friktionen. Att skriva går långsammare. Skärmarna är mindre. En rullgardinsmeny med 50 delstater är uttröttande på en telefon. Ett adressfält som kräver exakta stora och små bokstäver är en fälla.
Designa mobile first. Om ditt formulär fungerar smidigt på en skärm på 5 tum fungerar det överallt. Använd större tryckytor (minst 44 pixlar). Håll formulär i en enda kolumn. Använd inmatningstyper som visar rätt tangentbord. Överväg ett förloppsfält så att mobilanvändare vet att de gör framsteg. För en fullständig guide till formulärdesign för mobilen, se hur du optimerar dina formulär för telefonanvändare.
Så minskar WEMASY friktionen i formulär
WEMASY:s formulärbyggare är byggd för att minska friktionen från den stund någon börjar fylla i ditt formulär. Du kan ställa in villkorsstyrd logik så att besökare bara ser frågor som är relevanta för dem. Förifyll fält med data du redan har. Använd smarta standardvärden så att det vanligaste svaret är utgångspunkten. Lägg till förloppsindikatorer så att människor vet var de är.
Formulärstatistiken i WEMASY visar slutförande per fält, så att du kan se var människor hoppar av och rätta det verkliga problemet i stället för att gissa. Du kan testa olika versioner av ditt formulär för att se vilken version som slutförs oftare.
Se vad som ingår i varje WEMASY-plan.