Five top tips for optimising your web forms

Web form best practices for business growth and great customer experience

Person typing into a multi-page web form on a laptop - how to optimise web forms

Let’s be honest - no one likes to fill out web forms. You just want to get to the other side, where your webinar, your newsletter, your download, your free quote or your membership account, are waiting for you.

If the value of what you’re trying to attain is higher than the inconvenience, of course you’ll go through with it, but how often have you just abandoned a form part-way through? How often, even if you finished it, did it create a terrible user experience? 

Related Resource

Five ways forms are ruining your customer experience and hurting your bottom line

Attract customers by rethinking data collection and processing

Download now

And have you ever thought about how the web forms your own organisation uses could be driving away customers in just the same way and slowing business growth? 

More often than not, traditional web forms create a frustrating and inconvenient user experience. If you put too much in the way of what your customer wants, it’s very likely that they’ll abandon the form - a loss for both sides and a bad customer experience. If your customer can get through forms faster, however, not only are they happier, but you can drive business faster and gain more revenue more quickly. 

So how do you create this frictionless experience, without sacrificing the information that you do need from your customers? 

1. Make your forms accessible on all devices

With only four percent of UK households lacking a mobile phone, and 50.81% of global web traffic generated through mobile phones, you can’t afford to disregard the compatibility of your forms on mobile devices. If your forms are only user-friendly for big screens, you’re going to frustrate a lot of people who constantly have to zoom in and out to fill out fields on a tiny screen - and will likely just abandon your form.  

2. Reduce the amount of clicks and keystrokes

By enabling autofill or smart default technology, businesses can save their customers time and effort. Research shows that customers using web forms with autofill complete the forms 30% faster than without.

Developers can control the form’s HTML to ensure that browsers input the correct information, i.e. a street address goes into the street address field rather than the postcode field, which delivers a smooth experience with little need for typing on the customer’s part.  

3. Use e-signature technology

Hopefully, in this digital age, you’re not still asking customers to download, print, sign, and scan or physically return forms. But even if you use online forms, asking for a signature from a customer can create a boatload of stress if the customer isn’t particularly tech-savvy or doesn’t have the right software already downloaded. 

Incorporating e-signature technology into your forms, such as DocuSign or Adobe Sign, makes signing important documents like business contracts a breeze and prevents clients from choosing a company with more streamlined systems the next time around. 

4. Reduce the number of fields

Steps two and three are important for cutting down the work your customers do for each field, but if you have too many fields to begin with, you’re still likely to put them off. 

Imagine a customer seeing a post about a great webinar you’re hosting or a newsletter that they want to sign up to. Your headline has conveyed what benefit they’ll get from it and your landing page copy has enticed them. They eagerly click through, and are then met with a monstrous page of fields to fill out. 

If you want to convert customers, it’s important to only ask for the most important information. Question whether the information you’re asking for is relevant to what the customer is trying to access, or whether you could ask for the information at another time. 

A study by HubSpot of over 40,000 of their own landing pages found that three fields is the sweet spot for conversion in most cases. 

A chart from HubSpot showing the optimal number of fields in a web form for conversions

However, there are exceptions to this rule. If your form is gating a coveted or expensive service, customers will actually expect to give you more information. Filling out more fields conveys to them subconsciously that what they’re about to receive is of high value, and you don’t want to diminish that value or appear untrustworthy by asking for so little in return. 

5. Try a multi-page format 

The previous steps have focused on reducing the amount of friction customers encounter, but in cases of high-stakes forms where you do need to collect a lot of information, it can be useful to just reduce the perception of friction

At some point in your life, you’ve likely given or received that handy piece of advice for managing large projects: break it down into smaller, bite-sized tasks. This makes the project seem less intimidating, and it also makes you feel like you’re making headway. 

The idea behind multi-page web forms is similar. If you spread the fields of your form across several pages, you create a feeling of progression and achievement for users, without actually reducing the information they give you. 

Multi-step forms can achieve 300% more conversions than your traditional web form. Show customers their progress with a progress bar or number of steps completed out of the number left to complete in order to dissuade them from abandoning it. 

Key takeaways

The exact number of fields and the format of your web forms will depend on what product or service you offer, but the general best practice is to present a clean form with a clear purpose that the customer can fill out without perceiving too much friction. This type of form is much more likely to convey professionalism, get conversions, and encourage the growth of your business. 

Featured Resources

Managing security risk and compliance in a challenging landscape

How key technology partners grow with your organisation

Download now

Evaluate your order-to-cash process

15 recommended metrics to benchmark your O2C operations

Download now

AI 360: Hold, fold, or double down?

How AI can benefit your business

Download now

Getting started with Azure Red Hat OpenShift

A developer’s guide to improving application building and deployment capabilities

Download now

Most Popular

School laptops sent by government arrive loaded with malware
malware

School laptops sent by government arrive loaded with malware

21 Jan 2021
How to move Windows 10 from your old hard drive to SSD
operating systems

How to move Windows 10 from your old hard drive to SSD

21 Jan 2021
What is the Raspberry Pi Pico?
Hardware

What is the Raspberry Pi Pico?

21 Jan 2021