Henri Frederic Amiel, a Swiss philosopher, had something to say about small things:
“What we call little things are merely the causes of great things; they are the beginning, the embryo, and it is the point of departure which, generally speaking, decides the whole future of
We can safely assume that he was not referring to little things that can make or break a website. But, itsy-bitsy things can please your visitors or make them leave your website in frustration. When we talk about increasing online sales, we usually talk about product display, loading speed, mobile compatibility and other big factors.
But, there is one part of the online shopping process that doesn't get as much attention that it needs: web form design and optimization. While any website that is selling goods will need to get a few details from the users, the process is pretty annoying to someone who wants to buy something quickly and leave. Little things about a web form can be a big turn off to some users.
Little Things in Web Forms can Cost you Sales
Let’s imagine a user, Ellen. She has spent 15 minutes browsing your store looking for the right shoes, and
So, she heads to the checkout and is faced with a lengthy form. She doesn’t have time for
Ever wondered how many Ellens your website is losing?
Here are the most common form ‘errors’ that make the visitors leave your website without completing their purchase:
• Forms lacking inline validation that force the users to fill up every field again
• Needlessly lengthy forms that ask users for too much non-essential information
• Forms with predetermined options that do not offer the right choice
3 Easily Actionable Tips to Create Better
Ecommerce Web Forms:
By using inline validation and keeping the size of your forms small, you can stop many potential customers from turning away from your
1. Keep the Forms Short:
Filling a form is a non-productive and unentertaining activity. Your task, as an
2. Real-Time Inline Validation:
As our examples with Ellen shows, most form-field validation that forces the users to fill up all the information again is a bad idea. So, make sure that users only need to fill in the fields with erroneous information. Highlight these fields clearly so the users can see at one glance what field she needs to fill. You can go one step ahead and offer real-time validation that immediately lets the user know that the information entered in a specific field is not valid.
3. Don’t Hinder the User – Allow Text Inputs:
One way in which designers try and make the filling of forms easier for the users will by offering options. The users simply need to choose the right one instead of typing it. However, this can create unexpected problems for some users. One of the most popular examples of this approach making things tough for users is the ‘Male’ and ‘Female’ options that leave transgender customers out of consideration.
Are you in the process of