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

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]

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:

    • Een gebruiker start het registratieproces op ons platform. In hetEerste stap Hij geeft ons zijn naam en zijn e-mail.
    • 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

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:

    • Maken de Real-time veld validatie. De frustratie die een foutmelding maakt bij het indienen van een formulier veroorzaakt ongewenste weigeringspercentages.
    • 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.
    • 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.
    • Op mobiele telefoons, dit label thema is veel kritischer. Zorg!
    • 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

Deezer login formulier

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

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

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

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

Geschreven door

DigitalMenta

UX · 11/10/2016

Vond je het leuk?

Vraag een offerte aan

Paloma García

UX · 16/05/2019

Web Usability: gids voor goede praktijken

In de veranderende samenleving waarin we leven, waar snelheid speelt een zeer belangrijke rol, is het essentieel dat websites bieden een volledige web usability voor gebruikers. Het hoge niveau van de concurrentie en het grote aanbod dat de Internet-gebruikers elke dag ontvangen, verplicht de bedrijven om te meten op een zeer uitputtende manier de gebruikerservaring. En dit is alleen mogelijk dankzij de mogelijkheid om te reageren op de marketing doelen die u hebt ingesteld op het uitgangspunt. De huidige trend in Web Design richt zich op minimalisme en eenvoud. Schone ruimtes in overvloed en de prioriteit is eenvoudig, intuïtief en efficiënt bruikbaarheid.

Paloma García

UX · 01/05/2019

Hoe zijn UX en UI verschillend?

U bent waarschijnlijk bekend met de acroniemen UX (User Experience) en UI (User Interface). Zij zijn twee noodzakelijke concepten in de digitale wereld, die een fundamentele rol in de tijd van het kunnen een prettige ervaring aan de gebruikers spelen verstrekken die een Web-pagina of zelfs om het even welke app bezoeken. Beide begrippen zijn complementair; Er is echter veel verwarring als het gaat om het differentiëren ervan. En het is dat elk een woont en geeft antwoord op een andere manier aan de gebruikers.

Paloma García

UX · 18/04/2019

Responsive Web Design: wat is het en welke voordelen heeft het?

Volgens een enquête uitgevoerd door Ipsos in het afgelopen jaar 2018, 43% van de Spanjaarden gebruik maken van de mobiele om online aankopen te doen. Je bent waarschijnlijk in dat percentage ook. En de tendens in het gebruik van apparaten verandert als de maatschappij vooruitgang boekt. Vandaag draait de Desktop voor professioneel gebruik, terwijl de consumenten tabletten, smartphones of een ander apparaat gebruiken om het net te surfen.

Stuur dit naar een vriend