How to improve User Experience on Forms

by Dorottya Dvorak - May 09, 2023
How to improve User Experience on Forms

When it comes to forms, a high submission rate is every marketer’s dream. However, quite often we face bad user experience on forms, which can even prevent the submission itself. Lucky for us, there are plenty of ways to make Account Engagement forms more user-friendly – read on for my top 3 picks.

1. Placeholders on Fields

Placeholders are a popular tool to implement when it comes to form fields. Whether it is coming from the field label or description, its main purpose is to reduce the occupied space on the form. In addition, it’s also used to showcase examples of what format of data is expected.

Even though they are created with good reasons, research shows they can actually cause user issues and overall confusion. That can then have the opposite result these placeholders were created for – lower conversion rates than before.

However, with all good things in UX, there’s usually a middle ground. Field labels can be shown as a placeholder only until users start typing, then it’s shown on top of the input. That way, users will still know what that information is for, and what fields still need to be filled in. On the other hand, the used space on the form stays shorter and the design stays intact. Everyone wins!

Example for using placeholders on field labels with a user-friendly design

This solution requires support from your development team – or we can help with the implementation.

 

2. Specify the Error Message

One of the most tiresome experiences with forms is when you click on the Submit button, and then see lots of error messages coming up. Even though sometimes it is simply a user error, there are ways to make the ‘error experience’ better.

Personally, I think the best way is to be transparent on which fields are required and highlight if you need the information in a specific data format.

For example, with the Email field, you can choose to only accept emails with valid mail servers or non-free email providers. Mention that in the field description or detailed in the error message, like in the example below.

Example error message for emails: Please provide a valid email address.

You can configure all of these for every field within the Form Editor, right on the ‘Advanced’ tab.

 

3. Skip to Form

Whether your form is on your website or part of a landing page, it should be easily accessible to gain a lot of submissions. If it is not at the top of the page, include an anchor link that takes the user to the form directly. Even that few seconds can improve user experience and therefore your submission rate.

Anchor links can be implemented easily. Let’s look at a simple link:

1. Add an id tag to the section that holds your form:

<div id="#contact-form">[your embedded form]</div>

2. Reference that in the link in the following format:
<a href="contact-form">Submit the form</a>

Find more information on Anchor links on HTML.com.

Zoe Fisher
Principal Marketing Automation Consultant

Looking for help with Account Engagement?

Get in Touch

What’s Next?

I hope you feel inspired to make some changes and improve user experience on forms in Account Engagement. But I know how challenging changes can be, so I’d recommend picking only one solution and running a multivariate test on your forms or landing pages. Even though you can have multiple variates included remember to only test one thing – otherwise, your test results will be inconclusive. If you see the solution works and you have more submissions, enrol it on all of your assets!

Do you want to see all three solutions on a live example? Head to our Contact Us page and see how we implemented them to improve the user experience for our customers. If you would like our help with forms or Account Engagement, submit your details and we will be in touch.

Related Content


Get In Touch

Whatever the size and sector of your business, we can help you to succeed throughout the customer journey, designing, creating and looking after the right CRM solution for your organisation