We have already said in other articles, in a landing page for lead generation, the call-to-action (the call to action, the button) is our “sacred cow”. When the conversion goal is to fill out a form (and send it, which serves our sacred button), since the first mockup of the landing page should be focused on getting the user to fulfill the fields-voluntarily, olvídemonos of Dark Patterns– and is interested in our value proposition.
In a strategy of Conversion optimization For a Lead generation landing page, the form will be a fundamental part of the analysis and testing phase. In addition to value propositions, photos, videos, layout… In this post we want to talk about something we like a lot and gives us many headaches: Form optimization.
First, we will identify the fundamental components that we must analyze in a form:
Tabla de contenidos
Since the first mockup of a landing page, this is a fundamental decision: where do we place the form? Two basic options: above the fold or below the fold. A landing page has a “Story telling“, a script that tells us something in the right order to convince. And at some point, following the Monroe’s motivated sequence, we have to offer the user the possibility to show interest and fill in the form. It depends on how it is the script of our page and also how we have defined our Buyer person.
If we expect our user to have an impulsive attitude probably us to place the form “Above the fold“, right next to a powerful proposition of value. If, on the contrary, you are an analytical user (probably because our offer requires a deeper analysis), it may be beneficial to place A form at the bottom of the page, having shown all our weapons.
Another option, suitable for another type of buyer, is to launch the form in a Lightbox powered by a call to action. That is, split the conversion into 2 micro-conversions: The first is to click on a button that shows the form and the second is to fill the form. Surely there is someone who puts the cry in the sky cursing that “extra click” that we add to the process, but there are times when the process of persuasion and convincing the user has different nuances. And, as a reinforcement of this argument, we can study the Zeigarnik effect, which proposes that the user is more inclined to finish a task if it is already started. We manage to make the conversion process less aggressive and this can be beneficial for certain goals.
The button of the form, the call to the action, the definitive click, the success of the campaign… It is a very susceptible element to be tested. It’s amazing how the color, shape, functionality and message of this button can affect the conversion rate.
In this aspect we can talk about color psychology, UX (animations, size, form,…), neuromarketing, copywritting,… It would give us five items. We will simply mention, in basic form, important characteristics that we have to take into account in the design of the button of a form:
You start in online marketing, you design the first Landing pages For SEM campaigns, you apply your usability skills and the first thing you do is fight to reduce the number of fields on the form. You convince yourself that, the fewer fields you had the form, the higher the conversion rate would be. Maybe. But we could also say that if redujeramos the price of our product in half, sell more. And that’s where the discussion goes to the next level.
It has happened to us many times in Digital Menta . Remove fields from a form, increase the conversion rate but lower the quality of the leads. Then The advertiser’s sales team loses time with Invalid, confused or simply uninteresting contacts. And in addition, the sales process is made longer. The Advertiser has more conversions but has lowered his ROI. So, in cases like this, the optimization of the form would go through adjusting the number of fields that would allow the balance between the conversion rate, the quality of the leads and the investment.
However, when the form is long by necessity (a record with personal data, shipping data, payment data…), an option to optimize it is to design a Multi-step form. We divide the registration process in different steps to create a certain dynamism and to capture micro conversions. Let’s remember the Zeigarnik effect. A simplified example:
This point not only applies to the optimization of forms in landing pages, but to any form: User login, ecommerce checkout,…
You could write entire encyclopedias about usability in online forms. We would like to dedicate a post exclusively to this topic, so let’s leave it in a summary.
Designing and developing an online form has a lot in common with designing, for example, a washing machine. If I do not need some instructions to understand how it works, I do not have to guess if I’m doing well, the boot button is not hidden, is readable… Ergonomics applied to web design, precious.
Here are some good practices in form design:
Here are some examples of forms that make you want to fill out:
UX · 12 / 12 / 2019
Users are increasingly demanding, so we must offer fast and satisfying experiences. Therefore, it is important to optimize the loading time of our landing page. And we must be more demanding with our site on mobile devices. According to recent studies, the average loading time of a page on a mobile device is 22 seconds. Taking […]
UX · 24 / 10 / 2019
In our blog we have already addressed issues related to the CRO concept, as tools to optimize it, what is AB testing and design improvements to maximize conversions. It is time to go back one step back and define in more detail what CRO (Conversion Rate Optimization) is, as well as other key concepts related […]
UX · 13 / 09 / 2019
El diseño UX/UI (experiencia de usuario/interfaz de usuario) ha cobrado una gran relevancia en los últimos años. Con páginas (landings) claramente orientadas a objetivos, cada decisión tomada en el proceso de diseño puede ser decisiva a la hora de llevar al usuario a buen puerto.