Five top tips for optimising your web forms
Web form best practices for business growth and great customer experience
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?
Five ways forms are ruining your customer experience and hurting your bottom line
Attract customers by rethinking data collection and processingDownload 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.
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.
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.
Managing security risk and compliance in a challenging landscape
How key technology partners grow with your organisationDownload now
Evaluate your order-to-cash process
15 recommended metrics to benchmark your O2C operationsDownload now
AI 360: Hold, fold, or double down?
How AI can benefit your businessDownload now
Getting started with Azure Red Hat OpenShift
A developer’s guide to improving application building and deployment capabilitiesDownload now