Registrerings- och onboardingformulär: vad du ska fråga och när

Så utformar du registreringsformulär som inte överväldigar nya användare. Planera ditt onboardingflöde så att anmälningarna rullar på.

Utkast

Varje fält du lägger till i ett registreringsformulär sänker andelen som fyller i klart. Forskning visar att ett formulär med 3 fält konverterar till 25 %. Lägg till fler än 6 fält och se hur det sjunker till 15 %. Kostnaden är verklig och frestelsen konstant. Du vill förstå vilka dina nya användare är, så du frågar efter mer information direkt. Registreringsformulär är där krånglet börjar.

Lösningen är inte att fråga mindre. Det är att fråga på ett annat sätt. Skilj registrering (att samla in det du behöver för att skapa ett konto) från onboarding (upplevelsen efter att någon har registrerat sig). Fråga efter det minsta möjliga vid registreringen. Fråga efter allt annat under onboarding, när användaren redan är engagerad i din produkt. Den förändringen ändrar allt för konverteringen.

Den här artikeln går igenom vad som hör hemma i ett registreringsformulär, när du frågar efter ytterligare information och hur du utformar en onboardingupplevelse som känns som ett välkomnande i stället för ett förhör.

Vad är skillnaden mellan registrering och onboarding?

Registrering och onboarding är inte samma sak, men de behandlas alltid som ett enda steg. Att förstå skillnaden förändrar hur du bygger dina formulär och förbättrar din konvertering.

Registreringen är steget där kontot skapas. Den samlar in den absolut minsta informationen som behövs för att skapa ett fungerande konto. E-postadress, lösenord och möjligen ett namn. Det är allt. Registreringen sker en gång och går snabbt. Målet är att få personen över linjen och in i din produkt så fort som möjligt.

Onboarding är allt som händer efter registreringen. Det omfattar välkomstmejlet, den första upplevelsen som ny användare, att fylla i profilen, inställningar för preferenser och den första genomgången eller handledningen. Onboarding kan ske över minuter, timmar eller dagar. Målet är att hjälpa den nya användaren att förstå vad hen just har anmält sig till och hur hen kommer igång.

Uppdelningen spelar roll eftersom psykologin är olika. Den som fyller i ett registreringsformulär håller på att avgöra om hen vill binda sig. Det är ett ögonblick med mycket friktion. Att lägga till fält just då kostar konverteringar. Den som redan har registrerat sig har passerat det beslutet. Hen är nu i ett lärande läge. Hen förväntar sig att lämna mer information medan hen utforskar. Det är då du ställer de frågor som betyder något.

Vilka fält hör hemma i ett registreringsformulär?

Testet är enkelt. Fråga dig själv: kan användaren använda produkten utan den här uppgiften? Om svaret är ja hör den inte hemma i registreringsformuläret.

E-postadress

E-postadress är obligatoriskt. Det är det främsta sättet att nå användaren, skicka lösenordsåterställningar och verifiera vem som äger kontot. Fråga alltid efter e-postadress vid registreringen. Se till att fältet accepterar alla giltiga e-postformat, inklusive alias och plusadressering (till exempel användare+tagg@domän.se). Undvik komplexa valideringsregler som avvisar giltiga e-postadresser.

Lösenord

Lösenord är obligatoriskt om du inte erbjuder inloggning utan lösenord (vilket fler varumärken borde göra). Om du använder lösenord, ange reglerna i förväg. Överraska inte användaren med fel efter att hen försökt skicka in. Vanliga lösenordskrav: minst 8 tecken, minst en siffra eller ett symboltecken. Håll det enkelt. NIST:s riktlinjer avråder från komplexitetskrav eftersom de gör lösenorden svårare att komma ihåg utan att säkerheten förbättras nämnvärt. Låt användare se vad de skriver med en knapp för att visa eller dölja så att de kan fånga stavfel innan de skickar in.

Namn (förnamn och efternamn)

Namn är användbart men valfritt vid registreringen. Många användare ogillar att ge sitt juridiska namn till en tjänst de just har träffat. Om du behöver ett namn, fråga bara efter förnamn eller tillåt ett användarnamn i stället. Efternamnet kan vänta till onboarding. Vissa varumärken hoppar över namn helt och frågar efter dem först när leverans eller betalning kräver det.

Telefonnummer

Telefonnummer hör inte hemma i registreringen. Det hör hemma i onboarding eller i kassan. Om användaren inte har använt din produkt än litar hen inte på dig med sitt telefonnummer. Spara det till senare, när hen har bestämt sig för att du är seriös.

Plats eller adress

Adress och plats hör inte hemma i registreringen. Det är fält för onboarding eller kassan. Det enda undantaget är om din produkt är platsspecifik (till exempel en lokal tjänstekatalog). Även då minskar det krånglet att börja med ett postnummer i stället för en fullständig adress.

Titel, företag eller bransch

Titel och företag hör hemma i onboarding. Särskilt B2B-varumärken frestas att fråga efter de här fälten direkt. Motstå det. Ett formulär med tre fält (e-postadress, lösenord, förnamn) konverterar bättre än ett formulär med sex fält som lägger till titel, företag och bransch. Du kan be om den informationen direkt efter registreringen, medan användaren utforskar ditt onboardingflöde.

Godkännande av villkor och integritetspolicy

Ta alltid med en kryssruta som bekräftar att användaren godkänner dina användarvillkor och din integritetspolicy. Det är ett juridiskt skydd och inte valfritt. Placera den precis före skickaknappen. Se till att texten är läsbar och att länkarna till hela policyn är tydliga. Kryssrutan ska kryssas i manuellt av användaren, inte vara förikryssad.

När ska du fråga efter ytterligare information?

Ytterligare information hör hemma i onboardingflödet. Det kallas progressiv profilering, och det är nyckeln till att behålla hög konvertering vid registrering samtidigt som du ändå samlar in de data du behöver.

Progressiv profilering sprider frågorna över flera kontaktpunkter efter registreringen. I stället för ett långt formulär svarar användaren på några få frågor under registreringen, och sedan dyker fler frågor upp naturligt medan hen utforskar produkten eller får mejl.

Komplettera profilen vid första inloggningen

Direkt efter registreringen guidar du användaren till ett steg för att komplettera profilen. Fråga efter telefonnummer, plats, titel, företag och preferenser. Visa de här fälten på en sida eller över två sidor. Det är inte längre ett registreringsformulär. Det är onboardingupplevelsen, och användaren förväntar sig att lämna information här. Tröskeln är lägre eftersom hen redan har bundit sig.

Välkomstmejl med profillänk

Skicka ett välkomstmejl direkt efter registreringen. Ta med en knapp som länkar tillbaka till formuläret för att komplettera profilen. Ge användaren en anledning att klicka: "Komplettera din profil för att låsa upp personliga rekommendationer" eller "Ställ in dina preferenser så skickar vi relevanta uppdateringar." Då sprids krånglet över flera dagar och flera kanaler.

Utlöst efter första handlingen

Fråga efter ytterligare information när användaren har gjort en viss handling i din produkt. Till exempel, efter att hen har laddat upp ett dokument kan du fråga efter dokumenttyp och kategori. Efter ett köp kan du fråga efter fakturapreferenser. Efter att hen har gått med i en community kan du fråga efter intressen. Det här sättet knyter frågan till sammanhanget, så att den känns naturlig i stället för påträngande.

Preferensenkäter i e-post

Några dagar efter registreringen kan du skicka ett mejl där den nya användaren får ställa in sina kommunikationspreferenser. Fråga vilka ämnen hen är intresserad av, hur ofta hen vill höra från dig och vilket format hen föredrar. De här frågorna hör hemma i e-post, inte på webbplatsen. E-post är en kanal med mindre krångel för valfri information.

Så utformar du onboardingupplevelsen efter att någon har registrerat sig

Onboarding är där du sätter tonen för hela relationen med användaren. En smidig onboarding förvandlar en ny registrering till en aktiv användare. En skakig onboarding driver bort folk inom några timmar.

Bekräftelsesida direkt

Efter registreringen visar du en bekräftelsesida som erkänner att kontot har skapats. Skicka inte användaren direkt till instrumentpanelen. Ge hen ett ögonblick av bekräftelse: "Ditt konto är klart. Välkommen till [varumärke]." Visa sedan nästa steg. Det bryter upp krånglet och ger användaren en stund att hämta andan.

Verifiering av e-postadress

Skicka ett verifieringsmejl direkt efter registreringen. Använd en verifieringslänk eller en kod, inte en lång process för e-postbekräftelse. Länken ska ta användaren direkt till onboardingflödet utan att e-postadressen behöver anges igen. På mobilen går verifieringskoder via sms snabbare än e-postlänkar eftersom användarna slipper växla mellan appar.

Formulär för att komplettera profilen

Formuläret för att komplettera profilen är det första stora steget i onboarding. Visa det direkt efter e-postverifieringen. Fråga efter den information du sköt upp från registreringen: telefonnummer, plats, titel, företag och preferenser. Håll det till högst 4-6 fält. Dela upp det på två sidor om det känns längre. Visa förloppet (Sida 1 av 2) så att användaren vet hur mycket som återstår.

Guidad rundtur för nya användare

Efter att profilen är klar visar du en kort handledning som förklarar de viktigaste funktionerna. Den är inte obligatorisk. Gör den möjlig att hoppa över. En videogenomgång, en klickbar handledning eller en enkel lista med snabbstartsguider. Målet är att visa användaren de 3-5 viktigaste funktionerna så att hen inte går vilse i hela gränssnittet.

Checklista för onboarding

Visa en checklista med onboardinguppgifter: verifiera e-postadress, komplettera profilen, utforska huvudfunktionerna, gör din första handling (ladda upp ett dokument, bjud in en teammedlem, skapa ett projekt). Gör varje uppgift klickbar så att användaren kan hoppa direkt till den. När de klarar uppgifter bockas de av. Det ger en känsla av framsteg och visar att de tar sig igenom onboardingen på rätt sätt.

Serie av välkomstmejl

Efter registreringen skickar du en serie på 3-5 mejl under den första veckan. Mejl 1: Välkommen och en guide för att komma igång. Mejl 2: En funktion i fokus och hur den används. Mejl 3: En framgångshistoria eller inspiration från ett användningsfall. Mejl 4: Hjälp och supportalternativ. Mejl 5: Inbjudan till en community eller kundgrupp. Sprid ut dem (ett vart 1-2 dagar) så att de känns hjälpsamma och inte överväldigande. Gör det enkelt att avsluta prenumerationen. Låt varje mejl leda tillbaka till produkten med en klickbar länk.

Vanliga misstag i registrerings- och onboardingformulär

Det här är mönstren som dödar konverteringen och aktiveringen av användare.

För många fält direkt

Det enskilt största misstaget är att fråga efter allt vid registreringen. Varumärken motiverar det med att de behöver datan för regelefterlevnad, personalisering eller kontoinställning. Priset är konverteringen. Ett registreringsformulär med 6 fält förlorar 15 % av dem som hade konverterat på ett formulär med 3 fält. De 15 procenten växer över tid. Om du får 1 000 registreringar i månaden med ett kort formulär kanske du får 850 med ett långt. De saknade 150 i månaden blir 1 800 per år. Datainsamlingen är inte värd det.

Förvirrande fältetiketter

Märk fälten tydligt. Använd enkelt språk. Använd inte facktermer eller kluriga formuleringar. "Vilket arbetsområde har du?" är tydligare än "Yrkesdisciplin" eller "Expertisdomän." "Hur ofta ska vi mejla dig?" är tydligare än "Preferenser för kommunikationsfrekvens." Om etiketten kräver en förklaring är etiketten fel.

Krav på att bekräfta e-postadress eller lösenord

Be inte användare skriva sin e-postadress eller sitt lösenord två gånger för bekräftelse. Det fördubblar krånglet och skapar frustration när det blir stavfel. Visa i stället en knapp som låter användare se lösenordet medan de skriver. Använd ett verifieringsmejl för att bekräfta att e-postadressen faktiskt tillhör dem. Det är snabbare och ger färre fel.

Saknad knapp för att visa lösenordet

Ta alltid med en ikon för att visa eller dölja lösenordet. Användare vill se vad de har skrivit för att vara säkra på att det inte finns stavfel. Det är särskilt viktigt på mobilen där tangentborden är små och stavfel vanliga. Knappen ska sitta direkt inne i lösenordsfältet, inte vara en separat knapp.

Svag återkoppling om lösenord

Om du kräver starka lösenord, visa en styrkemätare som ger återkoppling i realtid. Mätaren ska visa om lösenordet är svagt, medelstarkt eller starkt, och varför. "Ditt lösenord är för kort" är till hjälp. "Ditt lösenord är svagt" är det inte. Användaren behöver veta vad som ska åtgärdas.

Att hoppa över e-postverifiering

Verifiera alltid e-postadressen. En användare kan skriva fel e-postadress och sedan förlora åtkomsten till sitt konto. Hoppa inte över det steget. Använd en snabb verifieringsmetod: en kod som skickas till e-postadressen, inte ett bekräftelsemejl som användaren måste öppna i samma program som hen registrerar sig i. På mobilen är sms-verifiering snabbare än e-post.

Onboarding som inte känns som ett välkomnande

Efter att någon har registrerat sig ska tonen skifta från "bevisa dig" till "vi är glada att du är här." Alldeles för många varumärken visar en tom instrumentpanel direkt efter registreringen utan någon vägledning. Det är ett misstag. Visa checklistan för onboarding. Visa handledningen. Skicka välkomstmejlet. Få den nya användaren att känna att hen gjorde rätt val när hen registrerade sig.

Registreringsformulär på mobilen: vad som fungerar och vad som misslyckas

Registreringsformulär på mobilen har andra begränsningar än på datorn. Mindre skärmar, inmatning via pekskärm och webbläsarens beteende påverkar alla hur formulär fungerar.

Layout med en kolumn

Använd alltid en layout med en kolumn på mobilen. Lägg inte fält sida vid sida. En mobilskärm är smal. Två kolumner ger små rutor som är svåra att trycka på. Ett fält per rad, i full bredd, staplade lodrätt. Det är snabbare att skanna och lättare att fylla i.

Inmatningstypen spelar roll

Använd rätt inmatningstyp för varje fält. E-postfält ska vara type="email" så att mobiltangentbordet visar en e-postvänlig layout med @ och punkt. Telefonfält ska vara type="tel" så att tangentbordet visar siffror. Datumfält ska vara type="date" så att användaren får en datumväljare i stället för att skriva. Rätt inmatningstyp på mobilen minskar stavfel och gör det snabbare att fylla i formulär.

Tangentbordets beteende och automatiskt hopp till nästa fält

När användaren har skrivit klart i ett fält på mobilen ska tangentbordet försvinna om hen går vidare till nästa fält. Låt nästa fält få fokus automatiskt så att markören hoppar dit av sig själv. Det ger ett flöde där användaren slipper trycka mellan fälten. I ett formulär med flera sidor visar du en Nästa-knapp som är tydlig och lätt att trycka på. Gör knappar minst 44 pixlar höga så att de är lätta att träffa på en liten skärm.

Undvik problem med automatiska versaler

Mobila webbläsare gör automatiskt första bokstaven versal i textfält. Det fungerar bra för namn men förstör e-postadresser. Använd autocapitalize="off" på fält för e-postadress, lösenord och användarnamn så att webbläsaren inte gör det automatiskt. Detsamma gäller fält för användarnamn.

Att fylla i formulär på långsamma anslutningar

Testa ditt registreringsformulär på långsamma mobilnät. Ett formulär som fungerar på wifi kan få tidsgränsfel på 4G. Håll skripten minimala. Visa en laddningsindikator om formuläret tar mer än 2 sekunder att skicka. På mobilen ökar varje millisekund av fördröjning avhoppen. Låt skickaknappen inaktivera sig själv efter att den har klickats så att användaren inte av misstag skickar två gånger.

Visningsyta och zoombeteende

Se till att formuläret inte har zoomproblem. När ett formulärfält får fokus ska mobilwebbläsaren inte zooma in aggressivt. Det ser ut som en bugg och bryter flödet. Om du använder inmatningstypen email eller number, testa att webbläsaren inte zoomar oväntat. Se också till att formuläret är responsivt och att fälten skalas rätt på mycket små skärmar (under 350 px breda).

Så hanterar WEMASY registrering och onboarding

WEMASY:s webbplatsbyggare använder ett tvåstegssätt för registrering och onboarding. Registreringsformuläret frågar bara efter e-postadress och lösenord. Inget telefonnummer, inget företagsnamn, ingen plats. Formuläret konverterar bra eftersom det är kort och enkelt.

Efter registreringen guidar WEMASY den nya användaren genom en checklista för onboarding. Checklistan omfattar att komplettera profilen (där vi frågar efter webbplatsens namn och typ av verksamhet), välja en mall och publicera den första sidan. Serien av välkomstmejl presenterar funktioner steg för steg medan användaren utforskar byggaren. Det här sättet håller tröskeln för registrering låg samtidigt som vi ändå samlar in den information vi behöver för att ge en personlig upplevelse.

Se vad som ingår i varje plan på /pricing.

Vanliga frågor

Ska jag fråga efter telefonnummer vid registreringen?

Nej. Telefonnummer hör hemma i onboarding eller i kassan. En användare som just har registrerat sig vet inte ännu om hen litar på dig. Telefonnummer är känslig information. Hen lämnar det senare när hen är redo. Att fråga efter det vid registreringen sänker andelen som fyller i klart utan att datakvaliteten blir bättre. Vänta till onboarding. Med WEMASY:s webbplatsbyggare kan du ställa in det direkt på din webbplats.

Hur många profilfält är för många i ett registreringsformulär?

Fler än 3 fält är oftast för många. E-postadress, lösenord och eventuellt ett namn. Det är det ideala registreringsformuläret. Om du behöver mer information, fråga efter den under onboarding, inte vid registreringen. Varje fält du lägger till sänker andelen som fyller i klart med 5-10 %. Ett formulär med 6 fält konverterar till 15 %. Ett formulär med 3 fält konverterar till 25 %. Skillnaden är mätbar och värd att optimera för.

Kan jag fråga efter betaluppgifter vid registreringen?

Bara om användaren köper direkt. Om du erbjuder en gratis provperiod eller en gratisprodukt, fråga aldrig efter betaluppgifter vid registreringen. Du dödar konverteringen. Fråga efter betalningsuppgifter senare, när användaren har upplevt tillräckligt mycket värde för att motivera kostnaden. Om du kräver ett kreditkort direkt (för en gratis provperiod som övergår i betald), var tydlig med när debiteringen sker. Gör kreditkortsfältet till ett eget steg, skilt från kontoskapandet, så att det är tydligt vad som gäller.

Hur bekräftar jag någons e-postadress efter registreringen?

Skicka en verifieringskod eller en länk direkt efter registreringen. Dröj inte. Använd en kod i stället för en länk när det går, särskilt på mobilen, eftersom koder går snabbare att ange än länkar som kräver att man öppnar e-posten. Skicka koden via e-post. Låt länken eller koden gälla i minst 24 timmar om användaren inte kollar e-posten direkt. Efter verifieringen tar du dem direkt till profilkompletteringen eller huvudprodukten. Låt dem inte bekräfta manuellt igen.

Vad ska välkomstmejlet säga till nya användare?

Välkomstmejlet ska erkänna det nya kontot, bekräfta att personen är inne och visa nästa steg. Ta med en länk tillbaka till produkten, inte en lång förklaring av funktioner. Mejlet ska kännas personligt, inte som en företagsavisering. Håll det till 2-3 korta stycken. Berätta vad personen ska göra härnäst. Exempel: "Ditt konto är klart. Nästa steg är att ställa in din profil och välja en mall. Klicka här för att fortsätta." Följ upp med fler mejl som presenterar funktioner en i taget under nästa vecka, inte alla på en gång.

Ska registrering krävas för att bläddra på min webbplats?

Nej. Låt besökare bläddra på din webbplats, läsa ditt innehåll och utforska funktioner utan att skapa ett konto. Registrering ska bara krävas när de vill göra något som kräver ett konto: köpa, spara innehåll, gå med i en community eller använda ett verktyg. Ju mer krångel du tar bort innan du ber om registrering, desto fler användare kommer tillräckligt långt in i upplevelsen för att det ska vara motiverat att skapa ett konto. Gör registreringen valfri tills det blir nödvändigt.

Använd det direkt
på din egen webbplats.

Börja gratis med WEMASY och bygg din sajt på några minuter.