7 Ways to Make Your Web Forms Better
- By Richard Richi
- Published 03/11/2007
- HTML
- Unrated
Richard Richi
View all articles by Richard Richi
Since many people who design web forms have never designed any form of any kind in their lives before, it’s hardly surprising that plenty of the results could do with a little improvement – and if you’ve spent any time on the web, you’ll know just how annoying bad forms can be. In this article, then, we’ll look at seven quick and easy ways to make your web forms much better.
1. Remember the Rest of the World.
This one is a call-out to American websites especially: don’t forget that your site will have more than just American visitors! It’s very insulting to be asked to register for something, only for the site to demand my state and zip code, leaving no space for me to choose any other country or enter a postal code in any other format than five digits. To save the trouble of the whole thing, I usually just go for ‘California’ and ‘90210′ – a bad entry for that person’s database, just because they didn’t consider me when they designed their form.
2. Don’t Use Huge Drop-Downs.
Likewise, though, if you are nice enough to let me choose a country, don’t make me do it from an alphabetised list of every country in the world! The same thing goes for lists of states, counties, and so on. Drop down lists that are long enough to have scroll bars are just plain difficult to use and inconvenient – I’d much rather just type the name myself, thanks.
3. Always Offer Suggestions.
So someone can’t get something they filled in on a form – their username or domain name or whatever was already taken. What do you do? Please don’t just say “sorry, that one’s taken, please try another”. Come up with some useful suggestions of alternatives that are available, and let me choose them easily if I like them. Do try to be more imaginative than just adding numbers to the end, though, unless you want all your users to be called ‘jane23436′.
4. Don’t Punish Double Submitters.
There are some people, let’s face it, who just aren’t all that sure how the web works. They’ve been taught that you have to double-click computer things to make them work, and so double-click they do – on links, on buttons, on everything. At some point, one of these people is likely to click twice on your submit button. You should allow for this in advance, instead of punishing them for it with an error. You might even consider using Javascript to grey out the submit button once it’s been pushed once, which solves the problem in most cases.

