6 registreringssida design praxis för friktionsfri former
som marknadsförare, du förmodligen vilja tro att du förstår dina framtidsutsikter väl — vem de är, hur de beter sig, etc. Så om en av dem besökte din webbplats eller registreringssida, vad tror du att de skulle göra nästa?
registrera dig förmodligen för din tjänst, eller hur?
det är inte alltid fallet, som ett varumärke upptäckte. För dem orsakade något mellan den CTA och deras ”tack” – sida att verksamheten förlorade nästan en fjärdedel av sina potentiella kunder.
det uppstod ett problem med deras registreringssida.
Bygg landningssidor med Instapage Brasilian
Vad är en registreringssida?
registreringssidor, även kända som” registreringssidor”, är inte alla samma. Vissa är PPC-målsidor efter klick; andra är länkade till hemsidan via navigering – vissa är till och med hemsidan. Trots deras skillnader delar de alla samma mål: generera registreringar för en tjänst.
i många fall är registreringssidan det sista steget i ett företags konverteringstratt. Det är där utsikterna navigera efter att de har utvärderat ett varumärke och bestämde sin tjänst erbjuder vad de behöver.
därför fokuserar registreringssidor mindre på att övertyga utsikterna att konvertera och mer på att minimera friktionen som är involverad i att göra det. Det fokuset på användbarhet innebär att andra traditionella postklick-målsideselement som socialt bevis, testimonials och uppmärksammande media tar baksätet.
titta bara på Shopifys registreringssida nedan, som dyker upp över hemsidan när du klickar på ” Kom igång.”
det är egentligen bara en kort form. Och som du ser lite senare är de flesta registreringssidor byggda på samma sätt, med inget annat än en rubrik, några formulärfält och en uppmaning till handling.
men bara för att många är utformade på det sättet betyder det inte att det är rätt sätt. Att skapa en framgångsrik registreringssida handlar om mer än att eliminera distraktioner och minska formulärfält. Uppgiften är tvåfaldig.
för att generera maximala registreringar måste du minimera stegen i registreringen och samtidigt få ut det mesta av de få element du använder. Här är några tips och insikter från experterna.
använd en förmånsorienterad rubrik
när en prospekt anländer till din registreringssida har de i de flesta fall redan utvärderat din tjänst och bestämt att den passar deras behov. Men betyder det att du inte ska påminna dem varför de är där?
nedan använder Copyblogger en social-proof-fyllda rubrik för att övertyga användare att registrera sig, och ovan, Shopify påminner utsikterna deras rättegång är gratis för 14 dagar.
enkelt är bra, men om du har utrymme att förstärka din USP med en rubrik, gör det. Chansen är stor att det kommer att ha en mer positiv inverkan på omvandlingar än negativ.
gör alla dina fält obligatoriska
detta tips handlar mindre om att kräva att dina besökare fyller i ditt formulär och mer om att se till att du har valt rätt fält. Med det menar vi, om du har bestämt ett formulärfält är valfritt, behöver du inte den informationen för att underteckna utsikterna.
till exempel behöver en tjänst som Groupon veta din plats vid registreringen för att erbjuda dig relevanta erbjudanden och kuponger. Men platsen är inte en viktig information för Instapage att veta om sina kunder, varför vi inte ber om det under registreringen.
om du inte verkligen behöver veta ditt prospekts företag, deras position eller hur många anställda de har, Fråga inte. Ju mindre arbete de behöver göra, desto bättre.
formulärfält att överväga
några formulärfält att överväga att konsolidera/bli av med:
- användarnamn: behöver dina användare verkligen ett användarnamn för att registrera sig? Eller kan du bara be om deras e-post, och sedan låta dem bestämma sitt användarnamn när de har loggat in?
- Bekräfta lösenord: det här fältet är föråldrat och bara nödvändigt på grund av lösenordsmaskering, en annan opraktisk teknik.
Lösenordsmaskering är tekniken som gör att varje bokstav ser ut som en identisk punkt när den skrivs in i ett formulär. Det ger intrycket av extra säkerhet, men det enda det verkligen skyddar mot är att människor kikar över axeln.
fråga dig själv: skapar mina framtidsutsikter verkligen sina lösenord i en fullsatt offentlig miljö? Inte troligt.
istället för att använda ett” Bekräfta lösenord ” – fält, tillåta användare att se vad de skriver genom att Avmaskera det ursprungliga ”lösenord” – fältet eller använda en” Visa/dölj ” – funktion, hur MailChimp gör på deras registreringssida:
- för-och efternamn: överväg att konsolidera förnamn och efternamn i ett ”fullständigt namn” – fält. Eller bara be om förnamn. Heck, kanske till och med tänka på att bli av med det helt och hållet.
i flera exempel nedan (buffert, Asana, Crazy Egg) ber registreringssidor inte om namn omedelbart, men låter sina konverterade kunder mata in detaljer när de har loggat in på plattformen.
- Användaravtal: istället för att få dina användare att klicka på en kryssruta som anger att de godkänner dina Användarvillkor, överväg att inkludera ett meddelande ovanför din CTA som LinkedIn gör nedan. Det står att genom att konvertera samtycker användaren automatiskt.
Bygg landningssidor med Instapage Brasilian
om du absolut behöver all den informationen, be om den i steg
Titta, ibland behöver du verkligen mycket information för att registrera en ny användare. Registreringar som kräver betalning på plats kräver långa formulär för att fånga känslig information som faktureringsadress och kreditkortsnummer. När det händer, överväga att bryta registreringsprocessen ner i flera steg.
en rapport från Formstack visar att förra året överträffade flersidiga registreringsformulär med mer än 9 sidor%:
varför?
flersidiga formulär gör konverteringen mindre överväldigande genom att separera processen i flera korta steg. Fler sidor innebär mer utrymme för större teckensnitt, längre fält och beskrivande etiketter som kanske inte passar i kortare form. Dessutom kommer flersidiga registreringar vanligtvis med en bekväm förloppsindikator som låter användarna veta hur långt de är i registrering.
kom ihåg: om du kan förkorta ditt formulär genom att eliminera några fält, förkorta det. Om du inte kan, försök inte att få det att se kortare ut genom att klämma in allt i en liten mängd utrymme. Du kommer bara röran din sida och överväldiga dina utsikter.
överväg att använda ett modalt fönster
för dem med en snabb registreringsprocess, som Canva, erbjuder ett modalt fönster några fördelar.
Designer, Joshua Johnson, förklarar varför:
de överlappar aktuellt innehåll istället för att ta dig till en annan sida. På något sätt är det bara mindre oroande än att bli whisked bort till någonstans nytt, vilket känns som ett avbrott. Genom att dämpa hemsidan grafik och föra upp en modal tecken registreringsformulär, du får en känsla av att processen kommer att vara snabb och smärtfri och att du kommer att vara tillbaka till surfning på nolltid.
i en tid då Internetanvändare är mer otåliga än någonsin, ger dem intrycket att de kommer tillbaka till surfning på ett ögonblick en bra övning.
Bygg landningssidor med Instapage Brasilian
aktivera social Autofyll
i nästan varje registreringssida exempel nedan, kommer du att märka sociala Autofyll knappar. Dessa tillåter användare att kringgå ditt formulär med ett enda klick genom att importera relevant personlig information som de redan har skickat till sociala nätverk.
Formstack fann att genom att inkludera den här funktionen kunde användarna generera 189% högre formkonverteringar. Dessutom säger 86% av människor att det är obekvämt att skapa nya användarkonton på olika webbplatser. När ditt mål är att göra konverteringen så enkel som möjligt är det enkelt att utnyttja social Autofyll.
dike platshållartexten
för att konvertera måste besökare veta hur man fyller i ditt formulär. Men att använda platshållartext är inte det bästa sättet att visa dem.
enligt Nielsen Norman-gruppen kan du lägga till ljusgrå text i dina formulärfält:
- stam användarnas korttidsminne. När de börjar skriva och den grå texten försvinner tänker de för sig själva: ”hur många tecken behöver mitt lösenord ha igen?”
- gör dina formulärfält osynliga. Tomma formulärfält är faktiskt mer märkbara av framtidsutsikter än de med platshållare.
- irritera användare tabbing genom formuläret. De som snabbt fyller i ditt formulär med knappen” tab ” har inte tid att läsa förklarande platshållartext innan den försvinner.
- förvirra besökare. De kan misstaga platshållartext för information som automatiskt fylldes i.
för att undvika förvirring, inkludera en etikett ovanför varje fält som berättar för besökarna exakt vad de behöver inkludera i den. Platshållartext skapar bara mer friktion på din registreringssida.
Bygg landningssidor med Instapage Brasilian
hur proffsen bygger registreringssidor
nu när du vet vad du ska inkludera på din registreringssida, låt oss ta en titt på hur proffsen bygger sina.
denna LinkedIn-registreringssida är av sorten post-click-målsida. Det är fristående, vilket betyder att det inte är anslutet till företagets webbplats via navigering — inte ens i logotypen.
ovanför formuläret kan rubriken ge en starkare fördel. På den håller fyra fält friktionen låg. Men genom att kombinera för-och efternamn i ett ”fullständigt namn” – fält kan den friktionen göras ännu lägre.
över varje textruta låter grå bokstäver utsikterna veta vad de ska skriva, och ovanför fältet ”Lösenord” är den etiketten ännu mer specifik. Men, att” lösenord ” fältet inte följer bästa praxis genom att visa identiska punkter för varje bokstav utsikterna typer.
ytterligare grå bokstäver under det sista formulärfältet låter besökare veta att genom att klicka på ”Gå med nu” godkänner de LinkedIns användaravtal, Sekretesspolicy och cookiepolicy. Det sparar utsikterna det extra steget att behöva klicka på en opt-in-ruta för att samtycka.
i uppmaningen till handling betonar ordet ”nu” att när användaren klickar på CTA-knappen är de omedelbart en del av nätverket. När det gäller själva knappen kan den dyka upp lite mer, tror du inte? En annan bakgrund eller knappfärg kan uppmärksamma var användaren behöver klicka för att gå med.
under det effektiviserar en” Fortsätt med Facebook ” – knapp hela processen. Om du har en profil på världens största sociala nätverk, klicka på den knappen för att låta Autofyll fylla i formuläret för dig med hjälp av data som du redan har delat med Facebook.
Copyblogger
här är en registreringssida som är mer än bara ett formulär. Det första utsikterna kommer sannolikt att märka är att Jätte, social-bevis fyllda rubrik. Översatt står det, ” om vi är tillräckligt bra för 334 000 marknadsförare, är vi tillräckligt bra för dig också.”
det utnyttjar också ett fenomen som allmänt kallas ”FOMO”, vilket betyder ” rädsla för att missa.”Ingen vill missa att få det försprång som 334 000 av deras branschkamrater har.
under det, en förhandsvisning av allt gratis värdefullt innehåll som utsikterna får efter registrering frestar dem att fylla i formuläret. Formen själv, fastän, kunde vara bättre utformade.
genom att eliminera fältet” Ange lösenord igen ”och kondensera för-och efternamn till” fullständigt namn ” kan Copyblogger minska antalet textrutor från 5 till 3, och i sin tur mängden friktion som är involverad i registreringen. I stället för fältet” Ange lösenord igen ” kan ett Visa/dölj-alternativ användas för att säkerställa noggrannhet när du anger ett lösenord.
för att minska friktionen ytterligare bör etiketter inom varje fält placeras ovanför istället. Just nu försvinner den grå bokstäverna när utsikterna klickar in i textrutan, vilket gör det enkelt för dem att glömma vad de skrev.
sammantaget, medan några brister i formuläret och ett par utgående länkar kan skada konverteringar på denna registreringssida, är Copybloggers gratis innehåll för värdefullt för att passera.
Crazy Egg
först och främst, ett företag som kallar sig” ledaren ” i sin bransch är som en caf-sackaros som kallar sitt kaffe världens bästa. Det finns många som säger det, men få som kan bevisa det. Istället för att kalla dig bäst, säkerhetskopiera ditt påstående med en statistik eller genom att citera en välkänd klient som tror att du är.
under den rubriken finns en bild som förhandsgranskar insikten du får när du använder Crazy Egg, och till höger om bilden förklarar tre rader av kopia vad den insikten är tillsammans med vad du kan göra med det.
på denna superkorta form är friktionen minimal. Rubriken betonar att rättegången är gratis, knappen dyker upp på den vita bakgrunden och uppmaningen skrivs i första personen. Just nu är det enda som hindrar denna form från att vara smärtfri den distraherande grå platshållartexten i varje fält.
under det, socialt bevis i form av igenkännliga klientlogotyper och texten ”över 200,000-företag konverterar bättre med Crazy Egg” ökar denna registreringssidas övertygelse.
sammantaget gör denna sida konvertering till en bris för besökare.
Bygg landningssidor med Instapage Brasilian
buffert
när du klickar på ”Registrera dig gratis” call-to-action på Buffert.med, hemsidan förvandlas till en registreringssida genom att distribuera en kort popup-form och mörkare omgivande innehåll.
på den popup-fönstret är konverteringsprocessen enkel-klicka på en av tre sociala inloggningsknappar för att kringgå formuläret eller ange en e-postadress och ett lösenord. Hur som helst är friktionen minimal. Det enda sättet detta formulär kan vara lättare att fylla i? Bli av med den distraherande platshållartexten.
Asana
högst, registrerar dig på denna sida från Asana tar två klick. Med en Google-inloggningsfunktion kan det ta så lite som en.
en mening ovanför formuläret berättar hur du fyller i formuläret, även till vilket e-postmeddelande du ska registrera dig med.
direkt under det distraherar dock ett formulärfält fyllt med grå platshållartext användaren. Men kommer det att avskräcka människor från att registrera sig? Inte troligt. Denna form är nästan friktionsfri och lätt att slutföra.
börja skapa en optimerad registreringssida med Instapage, begär en Instapage Enterprise demo idag.