logo

WordPress Development Agency

020 3355 8747

Message Us
  • Home
  • About Impact®
    Learn More About Impact Media®
    • Meet The Team
       
    • Our Process
       
    • Why WordPress
       
    • Careers
       
    • Giving Back
       
    • 10K Tree Challenge
       
    James Coates
    Schedule a discovery call with UX Specialist James
    Book A Call
  • Our Services
    Learn More About Our Services
    • WordPress Web Design
       
    • UX Design
       
    • WordPress Web Development
       
    • WordPress Support & Maintenance
       
    • WordPress Multisite
       
    • WooCommerce Development
       
    • Replatforming To WordPress
       
    • Integrations & Plugins
       
    • Conversion Rate Optimisation
       
    • WordPress Training
       
    • UX Website Review
       
    • WordPress Health Check
       
    James Coates
    Schedule a discovery call with UX Specialist James
    Book A Call
  • Case Studies
  • Insights
  • Contact Us
WordPress Development Agency
020 3355 8747
logo logo
Book A Call
Back
Menu
  • Home
     
  •  
    About Impact Media
    Learn More About The Impacters
    • Meet The Team
       
    • Our Process
       
    • Why WordPress
       
    • Careers
       
    • Giving Back
       
    • 10K Tree Challenge
       
  •  
    Our Services
    Discover How We Can Help
    • WordPress Web Design
       
    • UX Design
       
    • WordPress Web Development
       
    • WordPress Support & Maintenance
       
    • WordPress Multisite
       
    • WooCommerce Development
       
    • Replatforming To WordPress
       
    • Integrations & Plugins
       
    • Conversion Rate Optimisation
       
    • WordPress Training
       
    • UX Website Review
       
    • WordPress Health Check
       
  • Case Studies
     
  • Insights
     
  • Contact Us
     
020 3355 8747
Mon - Fri • 9am - 5pm
Message Us
Close
Download Our Agency Price Guide
Download and discover our hourly, day and retainer rates including our bulk hour discounts.

Close
What To Expect From Booking Your Discovery Call with James
photo
1
Book your time using the scheduler below.
Let’s find a good time for us both to speak so we can dedicate the time to understand your frustrations and challenges.
2
Receive a Short Email Questionnaire
If I have any questions before our call I will email you, this could be for me to carry out some initial research so I’m all up to speed.
3
Video Conference Call
To discuss your challenges, being able to see my screen I can demonstrate ideas and tactics to help reach your objectives.
photo
What To Expect From Booking Your Discovery Call with James
1
2
3
Book your time using the scheduler below.
Let’s find a good time for us both to speak so we can dedicate the time to understand your frustrations and challenges.
Receive a Short Email Questionnaire
If I have any questions before our call I will email you, this could be for me to carry out some initial research so I’m all up to speed.
Video Conference Call
To discuss your challenges, being able to see my screen I can demonstrate ideas and tactics to help reach your objectives.
Home / Insights / 11 Tips For Improving The UX Of Your Website Forms
Home / Insights / 11 Tips For Improving The UX Of Your Website Forms
Back

11 Tips For Improving The UX Of Your Website Forms

Published 16.03.21
16th March 2021
Last Updated 24.05.22
24th May 2022
Newer
4 Min Read
James Coates
James Coates
UX & CX
Older
4 Min Read
 
James Coates
James Coates
 
UX & CX

For something so ubiquitous, it’s amazing how wrong websites still get forms, and the huge impact a poorly designed form can have on conversion rates.

hand filling out form on a mobile device

Forms are an extremely commonplace website feature. We use them for all manner of contact reasons:

  • Questions & queries
  • Gating content 
  • Subscribing to an email list
  • Expressing interest in a purchase or trial
  • Submitting support requests
  • And many more…

They allow people to make contact with you, without the need to list an email address in the public domain, which would ultimately end up getting spammed to death.

They’re also very convenient for conversion tracking through whichever analytics software you use.

They also give an alternative contact method for those who don’t like making telephone calls, and give the impression of less commitment.

For something so ubiquitous, it’s amazing how wrong websites still get them, and the huge impact a poorly designed form can have on conversion rates.

So here are 11 UX tips to help you get your all important forms right.

Clear CTA Buttons

It sounds obvious, but it’s amazing how often this is forgotten; whether for stylistic reasons, or because forms are an afterthought. Your CTA button should be clear, should contrast from the rest of the form, and be labeled descriptively. 

Contrast is important for accessibility, as using low contrast colours can make things difficult for colourblind users, and those with other visual disabilities.

Users need to be able to easily see how they submit their form entry, be certain they are clicking the right button, and the label should be concise and action-orientated to leave them in no doubt.

Field Size

Form fields should be of a size that means they are easy to use across devices. So this means they need to be large enough to be finger friendly, for those on mobile devices.

It is infuriating if you want to complete a form on a website in your mobile browser, and the form fields are so small you struggle to click into them, or see what you’ve entered clearly.

Think about how users on different devices will view and interact with your forms.

Regular Testing

Test your forms and test them often. Things break. So regularly checking your full form process is working correctly is important. 

If you’re using an API call to feed data into your CRM, then test that too. Test that email confirmations or notifications are working properly. Someone may have contacted you and you missed the notification, and a week later they call – sound familiar?

Confirmation Pages

Have your form submit onto a confirmation page, not a thank you message, sometimes these are completely missed. Not an iframe, and not a page refresh that takes the user back to the top of the page. These are just annoying at best, or plain confusing.

Form States

Use form states to make it clear to the user which field they are currently in, and automatically activate the first field, as a clear signpost of where to start. 

Pretext

Your form may use pretext within the fields, such as examples of how to fill. Make sure this pretext disappears when a field becomes active.

Dropdowns

If your forms make use of dropdown fields, ensure there are not too many options. The user shouldn’t have to scroll through a huge list. This can be time consuming, and particularly awkward on mobile.

Also make sure and drop down menus are sensibly organised; whether alphabetically, thematically, or in some other way that makes sense.

Length

Limit the length of your forms and don’t add too many steps. People are weary and don’t want to hand over too much information. Keep it to what you absolutely need.

Numerous studies have shown that conversion rate is dramatically affected by form length.

In wanting to qualify them as a good prospect, it may be tempting to ask them a million questions. Resist this by asking as little as possible, and think about whether there’s a single question you could ask them which will qualify them adequately. 

Privacy Compliance

Are your forms compliant with privacy laws in your country, or the countries you operate in. For example GDPR.  Are you automatically adding entries to your database?

If so, ensure you are getting explicit permission to do so. Implied consent is not adequate.

Single Column

Keep your form to a single column. It is better for mobile users, and less overwhelming in general. 

On top of this, nearly everybody reads a web page in z pattern. A single column prevents distractions and reduces completion time, as it funnels the users focus.

Prefills & Autofills

Prefill form fields like those which use postcode lookups etc, can save your user a lot of time and irritation. 

Alongside this, many browsers now offer autofill options, which fill form fields using information a logged in user has entered into forms previously on their device. So make sure you use field titles that browsers will recognise eg. name, phone number etc.

So there you have it. 11 tips to improve the UX of your forms.

If UX is something you’re looking at in more detail, but you don’t know where to start, we offer an expert UX review for WordPress websites. It can highlight key areas of frustration that your users might be finding, and provide recommendations on how to make the experience easier so that your website converts better.

Share Socially
James Coates
James Coates
UX & Web Strategist, Coffee Lover & Ex-Flower Arranging Champ
James is a UX specialist and is passionate about delivering better digital experiences. He provides insights on improving conversions, increasing sales and delivering more engaging content.
View Team Profile
See More Articles
James Coates
James Coates
UX & Web Strategist, Coffee Lover & Ex-Flower Arranging Champ
James is a UX specialist and is passionate about delivering better digital experiences. He provides insights on improving conversions, increasing sales and delivering more engaging content.
See More Articles
View Team Profile

Want to experience a new
& exciting WordPress Backend?

Forget what you know about WordPress, we make it even easier. Want to know how?

Want to experience a new
& exciting WordPress Backend?
Forget what you know about WordPress, we make it even easier. Want to know how?
Book A Demo
studio@impactmedia.co.uk
020 3355 8747
linkedin logo
twitter logo
facebook logo
instagram logo
wordpress logo white

About Impact

  • Company Profile
  • Meet The Impact® Family
  • Why We’re A WordPress Agency
  • Our Process
  • Careers
  • Awards
  • Partners
  • Giving Back
  • 10K Tree Challenge

WordPress Agency Services

  • WordPress Design
  • UX Design
  • WordPress Development
  • WooCommerce Development
  • Migrating To WordPress
  • Custom WordPress Integrations & Plugins
  • WordPress Multisite
  • Conversion Rate Optimisation
  • WordPress Training

WordPress Support

  • WordPress Support & Maintenance
  • WordPress Support Brochure
  • Case Studies
  • Insights
  • Contact Us

WordPress Agency London

86-90 Paul Street,

London, EC2A 4NE

+44 (0) 20 3355 8747

& Essex

Woodland Place, Hurricane Way,

Wickford, Essex, SS11 8YB

+44 (0) 1268 858292
  • Sitemap
  • Privacy Policy
  • Cookie Policy
Impact Media logo
© Impact Media® 2003 - 2022
Impact Media is a trading name of IMDMS LTD. Company Reg. 05970261
Impact® & Impact Media®
are registered trademarks of IMDMS LTD