Sleutels voor formulier optimalisatie in bestemmingspagina's

We hebben al gezegd in andere artikelen, in een landing page voor lead generatie, de Call-to-actie (de oproep tot actie, de knop) is onze "heilige koe". Wanneer de conversiedoel is het invullen van een formulier (en stuur het, die onze Heilige knop dient), aangezien het eerste model van de landing page moet worden gericht op het verkrijgen van de gebruiker om de velden te vervullen-vrijwillig, olvídemonos van Donkere patronen– en is geïnteresseerd in onze value propositie.

In een strategie van Conversie optimalisatie Voor een bestemmingspagina voor de lead generatie wordt het formulier een fundamenteel onderdeel van de analyse-en testfase. In aanvulling op de waarde proposities, Foto's, Video's, lay-out... In deze post willen we praten over iets wat we graag veel en geeft ons veel hoofdpijn: Formulier optimalisatie.

Ten eerste zullen we de fundamentele componenten die we moeten analyseren in een vorm te identificeren:

Factoren voor het optimaliseren van formulieren in bestemmingspagina

1-positie van het formulier

Sinds het eerste model van een landing page, dit is een fundamentele beslissing: waar plaatsen we de vorm? Twee basisopties: boven de vouw of onder de vouw. Een landing page heeft een "Verhaal vertellen", een script dat vertelt ons iets in de juiste volgorde te overtuigen. En op een gegeven moment, na de De gemotiveerde opeenvolging van Monroe, moeten we de gebruiker de mogelijkheid bieden om interesse te tonen en het formulier in te vullen. Het hangt af van hoe het is het script van onze pagina en ook hoe we hebben gedefinieerd onze Koper persoon.

Als we verwachten dat onze gebruiker een impulsieve houding hebben waarschijnlijk ons om de vorm te plaatsen "Boven de vouw", vlak naast een krachtige propositie van waarde. Als u daarentegen een analytische gebruiker bent (waarschijnlijk omdat ons aanbod een diepere analyse vereist), kan het nuttig zijn om Een formulier onder aan de pagina, hebben aangetoond al onze wapens.

Voorbeelden van formulieren boven/onder de vouw

Een andere optie, geschikt voor een ander type koper, is het lanceren van de vorm in een Lightbox aangedreven door een oproep tot actie. Dat is, splitsing van de conversie in 2 micro-conversies: de eerste is om te klikken op een knop die het formulier toont en de tweede is het invullen van het formulier. Toch is er iemand die zet de kreet in de lucht vloeken dat "extra klik" die we toevoegen aan het proces, maar er zijn momenten waarop het proces van overtuigingskracht en het overtuigen van de gebruiker heeft verschillende nuances. En, als een versterking van dit argument, kunnen we de studie van de Zeigarnik effect, waarin wordt voorgesteld dat de gebruiker meer geneigd is om een taak af te maken als deze al is gestart. We slagen erin om het conversie proces minder agressief te maken en dit kan gunstig zijn voor bepaalde doelen.

2-oproep tot actie

De knop van het formulier, de oproep tot de actie, de definitieve Klik, het succes van de campagne... Het is een zeer gevoelig element te worden getest. Het is verbazingwekkend hoe de kleur, vorm, functionaliteit en de boodschap van deze knop kan invloed hebben op de conversieratio.

A/B test op oproep tot actie [Bron: http://optinmonster.com]

In dit aspect kunnen we praten over kleur psychologie, UX (animaties, grootte, vorm,...), Neuromarketing, copywritting,... Het zou ons vijf punten geven. We zullen gewoon in de basisvorm, belangrijke kenmerken die we moeten rekening houden met het ontwerp van de knop van een formulier:

• Contrast
• Bruikbaarheid: Gemakkelijk te klikken, zichtbaar en interactief (doe je iets als je de muis voorbij?)
• Duidelijkheid: Weet je wat deze knop doet?

3-aantal velden. Lengte van het formulier.

U start in online marketing, u ontwerpt de eerste Bestemmingspagina's Voor SEM campagnes, past u uw usability vaardigheden en het eerste wat je doet is vechten om het aantal velden op het formulier te verminderen. Je overtuigt jezelf dat, hoe minder velden je de vorm had, hoe hoger de omrekeningskoers zou zijn. Misschien. Maar we kunnen ook zeggen dat als redujeramos de prijs van ons product in de helft, meer verkopen. En dat is waar de discussie gaat naar het volgende niveau.

Het is ons vele malen gebeurd in Digital Menta . Velden uit een formulier verwijderen, de conversieratio verhogen, maar de kwaliteit van de leads verlagen. Dan verliest het verkoopteam van de adverteerder tijd met Ongeldige, verwarde of eenvoudig oninteressante contacten. Bovendien wordt het verkoopproces langer gemaakt. De adverteerder heeft meer conversies, maar heeft zijn ROI verlaagd. Zo, in gevallen als dit, zou de optimalisering van het formulier door het aanpassen van het aantal gebieden gaan dat het saldo tussen het omzettings tarief, de kwaliteit van de lood en de investering zou toestaan.

Echter, wanneer de vorm is lang door de noodzaak (een record met persoonlijke gegevens, verzendgegevens, betalingsgegevens...), een optie om het te optimaliseren is het ontwerpen van een multi-step vorm. We verdelen het registratieproces in verschillende stappen om een zekere dynamiek te creëren en om micro conversies vast te leggen. Laten we niet vergeten de Zeigarnik effect. Een vereenvoudigd voorbeeld:

1. • Een gebruiker start het registratieproces op ons platform. In hetEerste stap Hij geeft ons zijn naam en zijn e-mail.

1. • In de tweede stap geeft ons uw persoonlijke gegevens (alleen verplicht): geboortedatum en land van verblijf.
   • In de derde stap Bladeren.
   • Na een bepaalde tijd (1 dag, 1 week,... Afhankelijk van de "indringende" die we willen zijn), sturen wij u een mail suggereert om uw registratieproces te voltooien. Slechts 50% van het proces blijft!

De e-mail die LinkedIn stuurt na een microconversie

4-gebruiksvriendelijkheid in de formulieren

Dit punt is niet alleen van toepassing op de optimalisering van formulieren in bestemmingspagina's, maar op elke vorm: gebruikersnaam, e-commerce Checkout,...

Je zou kunnen schrijven hele encyclopedieën over usability in online formulieren. We willen graag een bericht uitsluitend te wijden aan dit onderwerp, dus laten we het in een samenvatting.

Het ontwerpen en ontwikkelen van een online formulier heeft veel gemeen met het ontwerpen, bijvoorbeeld, een wasmachine. Als ik niet nodig een aantal instructies om te begrijpen hoe het werkt, ik hoef niet te raden als ik het goed doe, de boot knop is niet verborgen, is leesbaar... Ergonomie toegepast op Web Design, kostbaar.

Hier zijn een aantal goede praktijken in vorm ontwerp:

1. • Maken de Real-time veld validatie. De frustratie die een foutmelding maakt bij het indienen van een formulier veroorzaakt ongewenste weigeringspercentages.

1. • Valideert in line velden. Toon geen fouten ver van elk veld. Is de e-mail ongeldig? Vertel ze naast de e-mail veld, niet naast de knop verzenden.

1. • Biedt "Default" opties. Als u bijvoorbeeld ' waar u hebt ontmoet ' vraagt, laat u een optie voor selecteren. Zodoende naar de verbruiker annuleerteken wip welk veld wanneer op weerga zijn responsie. Of, als het een boekingsformulier is, maak hetDe begindatum is vandaag Standaard.
   • Wees zeer voorzichtig met de tags in verband met de velden! Soms, om ruimte te besparen, verwijderen we de "label" en laat slechts een tijdelijke aanduiding in het veld. Als we uit het oog verliezen van deze tijdelijke aanduiding, als de browser niet laten zien... De gebruiker weet niet wat te zetten in dat veld.

1. • Op mobiele telefoons, dit label thema is veel kritischer. Zorg!

1. • Mobiele formulieren Design is een wereld apart. Een zeer wenselijke praktijk is om te proberen te profiteren van de Native telefoonbronnen: kalender, numeriek toetsenbord,...

Hier volgen enkele voorbeelden van formulieren die u wilt invullen:

Deezer login formulier

Typeform en bruikbaarheid van uw formulieren [Bron: http://www.londonacademyofit.co.uk/learning-blog]

Usability onderzoek in formulieren [Bron: https://dribbble.com/JamesSLock]