Formulier optimalisatie FNV Horecabond

Een van de belangrijkste online doelstellingen voor FNV Horeca is de werving van nieuwe leden voor de bond via de website. Dit gaat goed, er zit een flinke groei in het aantal nieuwe leden die via de website lid worden maar het kan altijd beter. Daarom hebben wij als onderdeel van de online marketing verbeterstrategie waar wij met FNV Horecabond aan werken, onlangs het formulier waarmee bezoekers lid worden geoptimaliseerd.

Het oude formulier voldeed niet meer om de volgende redenen:

• Belangrijke informatie over bijvoorbeeld de kosten en voorwaarden van het lidmaatschap ontbrak.
• Bij sommige velden was onduidelijk wat er waarom ingevuld diende te worden.
• Er stonden veel velden in die niet strict noodzakelijk waren.
• De layout was niet optimaal voor het snel en makkelijk invullen.

Minimaliseer de moeite en wees duidelijk

Don’t Block the Box heeft op basis van analyse en “best practices” het nieuwe formulier ontworpen. Hierbij hanteerden wij de volgende uitgangspunten:

Formulieren invullen is vervelend.

Het is daarom belangrijk om het invullen zo gemakkelijk mogelijk te maken. Door gebruikt te maken van (relatief) nieuwe browsertechnieken en door goed na te denken over de informatie die de gebruiker nodig heeft wordt het formulier gebruikersvriendelijker.

Vraag alleen wat nodig is.

Uit onderzoek is bekend dat ieder extra veld de kans succes verkleint. Vraag daarom geen informatie vragen die niet strikt noodzakelijk is.

Doe niet moeilijk

Niets is zo vervelend bij het invullen van een formulier om eindeloos lastig gevallen te worden over hoe de ontwerper ervan de informatie precies wil hebben. Iedereen kent foutmeldingen als “De gebruikersnaam dient minimaal 6 letters en een cijfer te bevatten en mag geen leestekens bevatten. Probeer opnieuw.”

Doe daarom niet te moeilijk over hoe de velden ingevuld dienen te worden. Dat vergroot de kans op succes.

Vermijd twijfel

Vermijd twijfel over het doel van de velden. Voor FNV Horeca betreft dit vooral de velden “uren werkzaam” en “bankrekening”. Waarom is die informatie nodig en wat moet ik precies invullen?

Juiste informatie

Zorg dat de juiste contextuele informatie aanwezig is: voor een lidmaatschap heeft een aspirant lid zeer waarschijnlijk vragen zoals “wat kost dit?”; “zit ik er aan vast?” en “wat zijn de voordelen precies?”. Maar ook: als ik nog vragen heb aan wie kan ik die dan stellen: een telefoonnummer op het formulier is dan handig.

Wees duidelijk en vriendelijk

Zorg naast de juiste informatie ook voor heldere communicatie: de al genoemde toclichting waar nodig maar ook duidelijke uitleg bij foutmeldingen (als de bezoeker toch iets verkeerd of onvolledig invoert). En stel de foutmeldingen vriendelijk op – dit wordt nogal eens over het hoofd gezien.

Het nieuwe formulier

Enkele kenmerken van het nieuwe formulier:

Titels boven de velden

Uit  onderzoek is gebleken dat indien de in te vullen velden grotendeels bekend zijn bij de gebruiker – zoals bij NAW gegevens het geval is, de titels van de velden het beste boven de formuliervelden geplaatst kunnen worden.

Focus op het huidge veld

Door gebruik van moderne browsertechnieken (AJAX) kan de gebruiker beter begeleid worden bij het invoeren van het formulier. Deze techniek zorgt er bijvoorbeeld voor dat ieder veld waarin de gebruiker actief is visueel “geaccentueerd” wordt.

Toelichtende tekst bij minder duidelijke velden

Een andere toepassing van de AJAX techniek is de toelichtende tekst rechts van velden die mogelijk niet duidelijk zijn voor de gebruikers. In dit geval zijn dit bijvoorbeeld “Aantal uren werkzaam” en “Bankrekening”. Wanneer men nu dit veld selecteert wordt er een korte toelichting getoond rechts van het invoerveld.

Meer relevante informatie

Voorheen werd de rechterkolom op de pagina gevuld met afleidende inhoud zoals “horecanieuws”. Met het nieuwe formulier toont de rechterkolom relevante informatie zoals de contributiekosten, de voordelen van lidmaatschap en een telefoonnummer voor ondersteuning. Merk op dat de bezoeker bij het klikken op deze informatie de pagina niet verlaat. We proberen hem of haar (door gebruik te maken van een zogenaamde lightbox) op de formulierpagina te houden door deze informatie in een laag over de huidge content te tonen. Zo leiden we de bezoeker niet weg en houden we de focus op de belangrijkste actie – het invullen van het formulier.

Met deze verbeteringen heeft FNV Horeca een formulier dat gemakkelijker is in te vullen en de bezoeker de informatie geeft die nodig is om het formulier te completeren.