Sådan designes formularer, der konverterer
Webformularer er svøbet af mange en designer og i forlængelse af deres kunder.
Forms spiller en afgørende rolle på ethvert websted, fordi de er, hvordan websteder samler all vigtig info under checkoutprocessen, eller fører oplysninger om destinationssider. Hvis du vil tilfredsstille dine kunder og øge deres websites konverteringsfrekvenser, er der måske ikke noget mere vigtigt, du kan gøre end at designe effektive, optimale former.
Design uden for boksen med fortællingsformer
Standardformularen er kendetegnet ved et par felter, hvor ledere udfylder deres grundlæggende kontaktoplysninger som deres navn, e-mail-adresse og telefonnummer. Det er humdrum og meget verdslig ... bare fordi det er typisk betyder det ikke, at det ikke burde være rodet med. Tværtimod, prøv at ryste tingene op for bedre konverteringer med fortællingsformer.
Narrative former, som navnet antyder, er former, der holder samtalen i gang i stedet for blot at afslutte historien, når webstedets kopi slutter. Disse typer af formularer fortsætter med at engagere dine kundeemner ved at bede dem om at udfylde emnerne i en form som en fortællings personlighed. Dette gør registreringsprocessen meget mere personlig!
Vast.com , et websted, der lader brugerne søge efter millioner af biler til salg og ejendomshandler, eksperimenteret med fortællingsformer. De A / B afprøvede deres fortællingsform med kontrollen, deres standardgitterform og så et konverteringsforøgelse af mellem 25% til 40% . I det mindste indbefattede fortælling i formen en 25% konverteringsforøgelse.
Næste gang du tænker på at spille det sikkert, når du designer formularer, skal du ikke. Tag denne lille, beregnede risiko, og det kan betale sig.
Brug færre (eller flere) felter
I de sidste par år har der været en debat om den specifikke formlængde, der virker bedst for at øge konverteringerne. Newsflash: Der er faktisk ikke en bestemt længde, der fungerer bedre; kortere former får mere af en bestemt form for konvertering, mens længere felter får mere af en anden form for konvertering.
Konventionel visdom dikterer, at færre felter på en form øger konverteringer. Det er sandt, men kun i de færre felter producerer en større mængde konverteringer snarere end en større mængde kvalitetsomregninger .
stads Formularen indeholder en drop down for at angive, hvorfor du kontakter dem. Det er et ekstra felt, der kan udelades, men herunder det øger kvaliteten af meddelelsen, der sendes.
Lad os se nærmere på dette. Sig, du har en rigtig minimalistisk form, der kun beder om lederes navne, e-mailadresser og telefonnumre. Du får flere konverteringer, fordi indsatsen og den tid, der bruges til at indsætte denne information, er minimal, men kvaliteten er tvivlsom, da du ikke ved, hvor relevant disse kundeemner er for din virksomhed. HubSpot fandt dette at være sandt i dens forskning .
På den anden side, hvis du har en længere formular, der beder om mere end førerens navne, e-mailadresser og telefonnumre, har du mere detaljeret information om dem, hvilket fører til flere højere kundeemner. Med mere info kan en virksomhed bedre fortælle, om de lettere kan markedsføre dem.
Hvis din klient har målet om større mængder af kundeemner, så skal dine formularer være relativt korte, f.eks Marketo's tilmeldingsblanket for sin gratis, downloadbare guide til digital reklame. Hvis din klient har det mål at have flere kvaliteter af høj kvalitet, så er det helt okay at forlænge din form ved at inkludere flere felter, så din klient kan få mere info. Sag i punkt: TD Ameritrades konto tilmeldingsformular .
Brug kun klare etiketter og forklaringer
Det er fantastisk at opdage, at nogle designere stadig forsømmer de grundlæggende forudsætninger for at sikre, at brugerne rent faktisk kan få mening om en formular straks.
Det tilmeldingsblanket for TheHugo kunne ikke være klarere.
Formålet med at bruge klare etiketter og forklaringer i formularer og deres felter er at neutralisere eventuelle mulige inputproblemer, hvoraf mange kan stamme fra forvirring i, hvad de skal indtaste.
Det tilmeldingsside for Barnes & Nobles MasterCard kreditkort er et sådant tilfælde, hvor klarhed dominerer formularen. Når man ser på felterne, kan vi straks se, hvordan de forståelige etiketter er inde i boksene og let at læse.
Som en bonus forsvinder de nævnte etiketter ikke, når du begynder at skrive din info i boksene; i stedet bliver de simpelthen mindre, ændrer farve og kan stadig læses. Dette giver brugerne mulighed for altid at forstå, hvad der forventes af dem at skrive ind i enhver boks - selvom de er begyndt at skrive. Nogle former har taget kritik for at fjerne etiketterne, når brugerne begynder at skrive.
Selv forklaringerne - som antallet af obligatoriske felter, der skal udfyldes og ekstra retninger for bestemte felter - placeres uden for boksene og i forskellige farver for at fremme nem læsning.
Gør væk med obligatorisk registrering
Hvis der er noget der kan dræbe konverteringer hurtigt, når dine kunder allerede er klar til at købe noget fra din kundes online butik, er det den frygtede registreringsproces under kassen. Erfaringen fortæller os at tvinge kunderne til at registrere eller logge ind, hvilket svarer til yderligere trin, forud for et køb, reducerer konverteringsfrekvenserne.
Condor S checkout proces tvinger dig ikke til at registrere. Log ind på en konto forenkler checkoutprocessen, men standardformularen er for gæster.
Når du designer skemaer til checkout processen, skal du gøre dem så korte som muligt for at opfordre kunden til at gå igennem med købet. Kunderne er med rette utålmodige, når de køber noget, og ingen ønsker at spilde tid på ekstra skridt, før de kan tjekke ordentligt ud.
Staples forstår dette perfekt. Detailhandleren af kontorartikler og elektronik har en indledende check-side, der ikke tvinge kunderne til at registrere igen eller tvinge tilmelding til nye kunder. I stedet giver det dem mulighed for nemt at indtaste deres brugernavn og adgangskode i to felter, hvis de vender tilbage til kunderne eller går direkte til siden Checkout-som-en-gæsten, hvor de kun indtaster grundlæggende forsendelsesoplysninger, hvis de er nye kunder. En sådan opsætning gør tingene enklere for kunderne og giver dem større frihed og kontrol over checkout processen, hvilket altid er velkommen.
Webforms bedste praksis
Design af klare, effektive former er alt sammen ved at inkorporere disse bedste praksis i dit design. Der er en grund til, at disse tilgange er bedste praksis: de har vist sig at fungere, hvilket også er grunden til, at du har tendens til at se dem i tilmeldingsformerne for succesfulde internetbutikker. Dårligt designede formularer vil være en træk på webstedets konverteringsfrekvens så logisk, giver det mening at drastisk forbedre design af formularer på en hvilken som helst side for at forbedre konverteringsfrekvensen for hele webstedet.
Husk at designe formularer er kun et aspekt af bredere webdesign, men det skal også styres af princippet om at designe først og fremmest for brugeroplevelsen. Alle de ovenfor omtalte tips er forsøgt, testet og rigtige måder at tilfredsstille dine kunders kunder på og dermed øge konverteringsfrekvensen på dine kunders websteder.