6 tilmeldingsside designpraksis for friktionsløse formularer
som marketingmedarbejder vil du sandsynligvis gerne tro, at du forstår dine kundeemner godt — hvem de er, hvordan de opfører sig osv. Så hvis en af dem besøgte din hjemmeside eller tilmeldingsside, hvad tror du, de ville gøre næste?
sandsynligvis tilmelde dig din tjeneste, ikke?
det er ikke altid tilfældet, som et mærke fandt ud af. For dem var noget mellem denne CTA og deres “tak” – side, der fik virksomheden til at miste næsten en fjerdedel af sine potentielle kunder.
der opstod et problem med deres tilmeldingsside.
Byg destinationssider med Instapage Kart
Hvad er en tilmeldingsside?
tilmeldingssider, også kendt som “registreringssider”, er ikke alle de samme. Nogle er PPC post-click destinationssider; andre er knyttet til hjemmesiden via navigation – nogle er endda hjemmesiden. På trods af deres forskelle deler de alle det samme mål: generer tilmeldinger til en tjeneste.
i mange tilfælde er tilmeldingssiden det sidste trin i en virksomheds konverteringstragt. Det er her udsigterne navigerer, efter at de har evalueret et brand og besluttet, at dets service tilbyder det, de har brug for.
på grund af det fokuserer tilmeldingssider mindre på at overtale udsigten til at konvertere og mere på at minimere friktionen involveret i at gøre det. Dette fokus på brugervenlighed betyder, at andre traditionelle post-click destinationsside elementer som social proof, testimonials og opmærksomhedsfangende medier tager et bagsæde.
bare se på Shopify ‘ s tilmeldingsside nedenfor, som dukker op over hjemmesiden, når du klikker på “Kom i gang.”
det er virkelig bare en kort form. Og, som du vil se lidt senere, de fleste tilmeldingssider er bygget på samme måde, med intet andet end en overskrift, et par formularfelter, og en opfordring til handling.
men bare fordi mange er designet på den måde, betyder det ikke, at det er den rigtige måde. Oprettelse af en vellykket tilmeldingsside handler om mere end at fjerne distraktioner og reducere formularfelter. Opgaven er dobbelt.
for at generere maksimale tilmeldinger skal du minimere de trin, der er involveret i registreringen, og samtidig få mest muligt ud af de få elementer, du bruger. Her er nogle tips og indsigter fra eksperterne.
brug en benefit-orienteret overskrift
når en kunde ankommer til din tilmeldingsside, har de i de fleste tilfælde allerede evalueret din tjeneste og bestemt, at den passer til deres behov. Men betyder det, at du ikke skal minde dem om, hvorfor de er der?
nedenfor bruger Copyblogger en social-proof-proppet overskrift til at overbevise brugerne om at tilmelde sig, og ovenfor, Shopify minder udsigterne om, at deres prøveperiode er gratis i 14 dage.
enkel er god, men hvis du har plads til at forstærke din USP med en overskrift, skal du gøre det. Chancerne er, at det vil have en mere positiv indvirkning på konverteringer end negativ.
lav alle dine felter påkrævet
dette tip handler mindre om at kræve, at dine besøgende udfylder din formular og mere om at sikre, at du har valgt de rigtige felter. Med det mener vi, at hvis du har bestemt, at et formularfelt er valgfrit, behøver du ikke det stykke information for at underskrive udsigten.
for eksempel skal en tjeneste som Groupon kende din placering Ved tilmelding for at tilbyde dig relevante tilbud og kuponer. Men placering er ikke et afgørende stykke information for Instapage at vide om sine kunder, hvorfor vi ikke beder om det under registreringen.
hvis du ikke rigtig har brug for at kende din prospekts virksomhed, deres position eller hvor mange medarbejdere de har, så spørg ikke. Jo mindre arbejde de skal gøre, desto bedre.
formularfelter at overveje
nogle formularfelter at overveje at konsolidere/slippe af med:
- Brugernavn: har dine brugere virkelig brug for et brugernavn for at tilmelde sig? Eller kan du bare bede om deres e-mail, og lad dem derefter bestemme deres brugernavn, når de er logget ind?
- Bekræft adgangskode: dette felt er forældet og kun nødvendigt på grund af maskering af adgangskode, en anden upraktisk teknik.
Kodeordmaskering er den teknologi, der får hvert bogstav til at ligne et identisk punkt, når det indtastes i en formular. Det giver indtryk af ekstra sikkerhed, men det eneste, det virkelig beskytter mod, er folk, der kigger over din skulder.
spørg dig selv: er mine udsigter virkelig at skabe deres adgangskoder i en overfyldt offentlig indstilling? Ikke sandsynligt.
i stedet for at bruge et “Bekræft adgangskode” – felt, skal du give brugerne mulighed for at se, hvad de skriver ved at afmaskere det originale “adgangskode” – felt eller bruge en” vis/skjul ” – funktion, som MailChimp gør på deres tilmeldingsside:
- for-og efternavn: overvej at konsolidere fornavn og efternavn i et “fuldt navn” – felt. Eller bare spørg efter fornavn. Heck, måske endda tænke på at slippe af med det helt.
i flere eksempler nedenfor (Buffer, Asana, skøre æg) beder tilmeldingssider ikke om navn med det samme, men lad deres konverterede kunder indtaste detaljer, når de er logget ind på platformen.
- Brugeraftale: i stedet for at få dine brugere til at klikke på et afkrydsningsfelt med angivelse af, at de accepterer dine brugervilkår, skal du overveje at inkludere en meddelelse over din CTA, som LinkedIn gør nedenfor. Det hedder, at ved at konvertere, giver brugeren automatisk samtykke.
Byg destinationssider med Instapage Karrus
hvis du absolut har brug for alle disse oplysninger, skal du bede om det i trin
se, nogle gange har du virkelig brug for en masse information for at registrere en ny bruger. Tilmeldinger, der kræver betaling på stedet, kræver lange formularer for at fange følsomme oplysninger som faktureringsadresse og kreditkortnummer. Når det sker, overveje at bryde registreringsprocessen ned i flere trin.
en rapport fra Formstack viser, at sidste år overgik registreringsformularer med flere sider med mere end 9%:
hvorfor?
flersidede formularer gør konvertering mindre overvældende ved at adskille processen i flere korte trin. Flere sider betyder mere plads til større skrifttyper, længere felter og beskrivende etiketter, der muligvis ikke passer i en kortere form. Derudover, tilmeldinger på flere sider leveres normalt med en praktisk statuslinje, der lader brugerne vide, hvor langt de er i registrering.
husk: hvis du kan forkorte din formular ved at fjerne et par felter, skal du forkorte den. Hvis du ikke kan, skal du ikke prøve at få det til at se kortere ud ved at proppe alt sammen i en lille mængde plads. Du vil kun rod din side og overvælde din udsigt.
overvej at bruge et modalt vindue
for dem med en hurtig tilmeldingsproces, som Canva, tilbyder et modalt vindue et par fordele.
Designer, Joshua Johnson, forklarer hvorfor:
de overlejrer det aktuelle indhold i stedet for at tage dig til en anden side. På en eller anden måde er det bare mindre foruroligende end at blive ført væk til et nyt sted, hvilket føles som en afbrydelse. Ved at dæmpe hjemmesiden grafik og opdrage en modal tegn tilmeldingsblanket, får du den fornemmelse, at processen vil være hurtig og smertefri, og at du vil være tilbage til at gennemse på ingen tid.
på et tidspunkt, hvor internetbrugere er mere utålmodige end nogensinde, er det en god praksis at give dem det indtryk, at de vil være tilbage til at surfe på et øjeblik.
Opbyg destinationssider med Instapage kar
aktiver social AutoFyld
i næsten alle tilmeldingssideeksempler nedenfor vil du bemærke sociale autofyldknapper. Disse giver brugerne mulighed for at omgå din formular med et enkelt klik ved at importere relevante personlige oplysninger, de allerede har sendt til sociale netværk.
Formstack fandt ud af, at ved at inkludere denne funktion kunne brugerne generere 189% højere formkonverteringer. Derudover siger 86% af befolkningen, at det er ubelejligt at oprette nye brugerkonti på forskellige hjemmesider. Når dit mål er at gøre konvertering så let som muligt, er udnyttelse af social AutoFyld en no-brainer.
grøft pladsholderteksten
for at konvertere skal besøgende vide, hvordan du udfylder din formular. Men at bruge pladsholdertekst er ikke den bedste måde at vise dem på.
ifølge Nielsen Norman-gruppen har Tilføjelse af lysegrå tekst til dine formularfelter potentialet til:
- stamme brugernes korttidshukommelse. Når de begynder at skrive, og den grå tekst forsvinder, tænker de for sig selv: “hvor mange tegn skal min adgangskode have igen?”
- gør dine formularfelter usynlige. Tomme formularfelter er faktisk mere synlige af udsigter end dem med pladsholdere.
- irritere brugere tabbing gennem formularen. De, der hurtigt udfylder din formular ved hjælp af knappen “tab”, har ikke tid til at læse forklarende pladsholdertekst, før den forsvinder.
- forvirre besøgende. De kan forveksle pladsholdertekst for oplysninger, der automatisk blev udfyldt.
for at undgå forvirring skal du medtage en etiket over hvert felt, der fortæller besøgende nøjagtigt, hvad de skal medtage i det. Pladsholdertekst skaber kun mere friktion på din registreringsside.
Byg destinationssider med Instapage Krorat
hvordan profferne bygger registreringssider
nu hvor du ved, hvad du skal medtage på din tilmeldingsside, lad os se på, hvordan profferne bygger deres.
denne LinkedIn-tilmeldingsside er af sorten landing page efter klik. Det er selvstændigt, hvilket betyder, at det ikke er forbundet til virksomhedens hjemmeside via navigation — ikke engang i logoet.
over formularen kunne overskriften formidle en stærkere fordel. På den holder fire felter friktionen lav. Ved at kombinere for-og efternavne i et “fuldt navn” – felt kunne denne friktion dog gøres endnu lavere.
over hvert tekstfelt lader grå bogstaver potentielle kunder vide, hvad de skal skrive, og over feltet “Adgangskode” er denne etiket endnu mere specifik. Selvom, at” adgangskode ” feltet ikke følger bedste praksis ved at vise identiske kugler for hvert bogstav udsigten typer.
yderligere grå bogstaver under det sidste formularfelt lader besøgende vide, at de ved at klikke på “Tilmeld dig nu” accepterer Linkedins Brugeraftale, Privatlivspolitik og cookiepolitik. Det sparer udsigten det ekstra trin med at skulle klikke på en opt-in-boks for at give samtykke.
i opfordringen til handling understreger ordet “nu”, at når brugeren klikker på CTA-knappen, er de straks en del af netværket. Så vidt selve knappen går, kunne den poppe lidt mere, synes du ikke? En anden baggrund eller knapfarve kan gøre mere opmærksom på, hvor brugeren skal klikke for at deltage.
under det strømliner en “fortsæt med Facebook” – knap hele processen. Hvis du har en profil på verdens største sociale netværk, skal du klikke på den knap for at lade AutoFyld udfylde formularen for dig ved hjælp af data, du allerede har delt med Facebook.
Copyblogger
her er en tilmeldingsside, der er mere end bare en formular. Den første ting, som udsigterne sandsynligvis vil bemærke, er den kæmpe, social-proof-fyldt overskrift. Oversat siger det, ” hvis vi er gode nok til 334.000 marketingfolk, er vi også gode nok til dig.”
det drager også fordel af et fænomen, der almindeligvis er kendt som” FOMO”, hvilket betyder ” frygt for at gå glip af.”Ingen ønsker at gå glip af at få det forspring, som 334.000 af deres branchekammerater har.
under det frister en forhåndsvisning af alt det gratis værdifulde indhold, som udsigterne får efter registrering, dem til at udfylde denne formular. Selve formen, selvom, kunne være bedre designet.
ved at fjerne feltet “Genindtast adgangskode” og kondensere for-og efternavn til “fuldt navn”, Copyblogger kunne reducere antallet af tekstbokse fra 5 til 3, og til gengæld mængden af friktion involveret i tilmelding. I stedet for feltet “Genindtast adgangskode” kan en vis/skjul-indstilling bruges til at sikre nøjagtighed, når du indtaster en adgangskode.
for at reducere friktionen yderligere skal etiketter inden for hvert felt placeres ovenfor i stedet. Lige nu forsvinder den grå bogstaver, når udsigterne klikker ind i tekstfeltet, hvilket gør det nemt for dem at glemme, hvad de skrev.
samlet set, mens et par mangler i formularen og et par udgående links kan skade konverteringer på denne tilmeldingsside, er Copybloggers gratis indhold for værdifuldt til at gå videre.
skøre æg
for det første er en virksomhed, der kalder sig “lederen” i sin branche, som en cafekrus, der kalder sin kaffe verdens bedste. Der er mange, der siger det, men få, der kan bevise det. I stedet for at kalde dig selv bedst, sikkerhedskopier dit krav med en statistik eller ved at citere en velkendt klient, der tror, du er.
under denne overskrift er et billede, der forhåndsviser den indsigt, Du får, når du bruger skøre æg, og til højre for billedet forklarer tre linjer med kopi, hvad den indsigt er sammen med hvad du kan gøre med det.
på denne superkorte form er friktionen minimal. Overskriften understreger, at retssagen er gratis, knappen dukker op på den hvide baggrund, og opfordringen til handling er skrevet i første person. Lige nu er det eneste, der forhindrer denne formular i at være smertefri, den distraherende grå pladsholdertekst i hvert felt.
under det øger socialt bevis i form af genkendelige klientlogoer og teksten “Over 200.000 virksomheder bedre med skøre æg” denne tilmeldingssidesovertalelsesevne.
alt i alt gør denne side konvertering til en leg for besøgende.
Opbyg destinationssider med Instapage kar
Buffer
når du klikker på “Tilmeld dig gratis” opfordring til handling på Buffer.med, hjemmesiden omdannes til en tilmeldingsside ved at implementere en kort pop op-formular og mørkere omgivende indhold.
på denne pop-up er konverteringsprocessen Enkel — klik på en af tre sociale login-knapper for at omgå formularen, eller indtast en e-mail-adresse og adgangskode. Uanset hvad er friktionen minimal. Den eneste måde denne formular kunne være lettere at udfylde? Slip af med den distraherende pladsholdertekst.
Asana
tilmelding på denne side fra Asana tager højst to klik. Med en Google login-funktion kan det tage så lidt som en.
en sætning over formularen fortæller dig, hvordan du udfylder formularen, selv ned til hvilken e-mail du skal tilmelde dig.
lige under det distraherer et formularfelt fyldt med grå pladsholdertekst brugeren. Men vil det afskrække folk fra at tilmelde sig? Ikke sandsynligt. Denne formular er næsten friktionsløs og nem at udfylde.
begynd at oprette en optimeret tilmeldingsside med Instapage, Anmod om en Instapage Enterprise demo i dag.