Adverto

Wanneer online formulieren, in plaats van de gebruikelijke verticale rij van velden, gepresenteerd worden als een “verhaal-formulier”,  levert dat een een 25% tot wel 40% hogere conversie op.

Wat is een verhaal-formulier? Voorbeeld Owe.toWaarschijnlijk vraag je je af wat nu precies een “verhaal-formulier” is. Vandaar bovenstaand voorbeeld van Owe.to, een site waarmee je eenvoudige leen-afspraken kunt vastleggen.

Normaal gesproken bestaat een online formulier uit een reeks velden die onder elkaar geplaatst worden.  Voor of bpven die velden staat een label dat aangeeft wat je in moet vullen. Zoals je in bovenstaand voorbeeld ziet gaat dat bij Owe.to anders, deze site gebruikt een verhaal-formulier. De velden worden zo geplaatst dat er met behulp van wat tekst tussendoor een logisch verhaaltje ontstaat:

John Smith is schuldig aan mij, Christ Coolen, 222 euro voor biertjes in de Foobar op vrijdag.

Alle vet-gedrukte woorden zijn invulmomenten (dit zijn dus de formuliervelden).

Voorbeeld Huffduffer
Nog een voorbeeld, in dit geval van Huffduffer. Dit is een online dienst waarmee je audio-bestanden kunt delen: Hier zie je het verhaal element nog duidelijker terugkomen omdat er meer tekst wordt gebruikt tussen de invulmomenten/formuliervelden. Formulierspecialist Luke W. schrijft over dit voorbeeld:

The form works as you’d expect. You can tab between the “blanks” just the way you tab between standard Web form input fields. You can click on any “blank” to start entering text. The password “blank” masks any characters you enter just like a standard password input, and the whole form manages errors if you answer any questions incorrectly. In other words, it works like a standard Web form but it looks quite different. The presentation is inviting and fun, which is quite unlike a standard Web form.

Kortom: het formulier zit heel natuurlijk in elkaar (alsof je met iemand praat) en de werking ervan is helemaal logisch.

Issues met het design van een verhaal-formulier
Als  designer of online marketeer loop je echter toch wel tegen wat issues aan wanneer je besluit om een verhaal-formulier in te zetten. Je hebt bijvoorbeeld geen “labels” die aangeven wat er in het formulierveld moet worden ingevuld. Een bezoeker moet dat zelf bedenken op basis van de context. En dat zelf bedenken is eigenlijk tegen de “don’t make me think“-regel van usability-guru Steve Krug…

De designer van Owe.to (van het eerste voorbeeld) heeft dit “geen labels” probleem op een slimme wanneer opgelost. Allereest wordt bij alle invulmomenten in licht grijze tekst het gewenste invul-format weergegeven. Je krijgt dat zoiets als “… and my emailadres is johnsmit@example.com“. Wanneer je begint te typen verdwijnt deze tekst. Maar ook dan word je als bezoeker nog steeds geholpen:

Niet revolutionair misschien, maar toch slim gedaan…

Werken verhaal-formulieren beter?
Tot zover de theorie. Nu over naar de praktijk: werken de verhaal-formulieren ook daadwerkelijk beter dan tradionele formulieren?

Toen de eerder genoemde Luke Wroblewski het fenomeen “verhaal-formulier” voor het eerst ontdekte was hij nieuwsgierig hoe deze formulieren zouden presteren ten opzichte van gewone formulieren. Zou het beter werken vanwege het natuurlijke en logische format? Of zouden bezoekers in verwarring raken omdat ze onbekend zijn met deze formulier-stijl?

Hij besloot deze vraag te A/B testen op Vast.com, een soort marktplaats voor de autoindustrie. Je ziet de twee testvarianten hierboven. Op verschillende websites werd het verhaal-formulier getest tegen het tradionele formulier. Uiteindelijk bleek dat het verhaal-formulier verantwoordelijk voor een conversieverbetering van 25% tot wel 40%!