Web Design ABC - 7 Ways to Make Your Web Forms Better.

7 Ways to Make Your Web Forms Better.

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.

5. Stop Being So Picky.

Come on, now, do you really need my birth in dd/mm/yyyy format? Couldn't you figure out what I meant if I wrote a month out in words, or if I only put in a one-digit day, or a two-digit year? Of course you could. Don't throw my input back and ask me to fix things that a little server-side scripting could just as easily fix for me.

6. Display Warnings on the Page.

There are few things more annoying than websites which pop-up those little alert boxes, causing the computer to make a loud 'ding!' sound as they do so. If there's something I need to go back and fix, add the warning to the page itself, preferably with a red border or background to mark it out for my attention. Don't make me read a dialog box, click OK, and scroll back up myself to hunt for my mistake.

7. Only Ask for What You Need.

Last but not least, this is a rule that could make so many web forms so much better. If the information you're asking for isn't absolutely crucial to your dealings with me, don't ask for it. Every second I spend filling in a form is a second I spend getting more frustrated with your website, and more likely not to finish what I've started if something goes even slightly wrong. Your site should be set up to figure out as much as it can about me automatically. Don't ask what language I want to use - my browser tells you that in its HTTP headers. Don't ask which country I'm from - you can detect that with my IP address. Save me time, and I'll be much more likely to appreciate your site.

AJAX Should You Believe the Hype

JSP Java on Your Server

How to Run Ads Without Driving Visitors Crazy

An Issue of Width the Resolution Problem

A Question of Scroll Bars

Web Design
◦ 5 Simple Steps to Accepting Payments.
◦ 5 Ways to Avoid the 1998 Look.
◦ 6 Reasons Why You Need a Website.
◦ 7 Ways to Make Your Web Forms Better.
◦ A Question of Scroll Bars.
◦ Ads Under the Radar: Linking to Affiliates.
◦ AJAX: Should You Believe the Hype?
◦ All About Design: Principles and Elements.
◦ An Introduction to Paint Shop Pro.
◦ An Issue of Width: the Resolution Problem.
◦ Avoiding the Nuts and Bolts: Content Management Software.
◦ Beware the Stock Photographer: Picking Your Pictures.
◦ Building a Budget Website.
◦ Building Online Communities.
◦ Clean Page Structure: Headings and Lists.
◦ ColdFusion: Quicker Scripting, at a Price.
◦ Column Designs with CSS.
◦ Content is King.
◦ CSS and the End of Tables.
◦ Cut to the Chase: How to Make Your Website Load Faster.
◦ Designing for Sales.
◦ Designing for Search Engines.
◦ Dreamweaver: The Professional Touch.
◦ Encryption and Security with SSL.
◦ Finding a Good HTML Editor.
◦ Focus on the User: Task-Oriented Websites.
◦ Fonts are More Important Than You Think.
◦ Free Graphics Alternatives.
◦ FrontPage: Easy Pages.
◦ Hints All the Way.
◦ Hiring Professionals: 5 Things to Look For.
◦ How Databases Work.
◦ How the Web Works.
◦ How to Get Your Website Talked About on Blogs.
◦ How to Install and Configure a Forum.
◦ How to Make Visitors Add You to Their Favorites.
◦ How to Run Ads Without Driving Visitors Crazy.
◦ How to Set Up Your Hosting in 5 Minutes Flat.
◦ IIS and ASP: Microsoft's Server.
◦ Image Formats: GIF, JPEG, PNG and More.
◦ It's a World Wide Web: Going International.
◦ JSP: Java on Your Server.
◦ LAMP: The Most Popular Server System Ever.
◦ Making Friends and Influencing People: the Importance of Links.
◦ Making Searches Simple.
◦ Offering Free Downloads on Your Website.
◦ Opening a Web Shop with E-Commerce Software.
◦ tag - they have one extra tag before it. This is the doctype, and it must be present right at the top of your document for it to be valid HTML. There are only really
◦ Perl: Cryptic Power.
◦ Photoshop: a Graphic Designer's Dream.
◦ Picking a Colour Scheme.
◦ Printing and Sending: the Two Things Users Want to Do.
◦ Putting Multimedia to Good Use.
◦ Python and Ruby: the Newer Alternatives.
◦ Registering a Domain Name.
◦ Registering Your Users by Stealth.
◦ RSS: Really Simple Syndication.
◦ Setting Up a Mailing List.
◦ Setting up a Test Server on Your Own Computer.
◦ Some Places to Go For More Information.
◦ Taking HTML Further. HTML might seem like a simple language for web documents, and to an extent, it is - that's what it was intended to be. If you know what
◦ Taking HTML Further with Javascript. Once you've built your HTML pages, you might need them to do something a little more interactive on the client-side (that
◦ Taking Your Website Mobile.
◦ Text Ads: Unobtrusive Advertising.
◦ The 5 Principles of Effective Navigation.
◦ The Art of the Logo.
◦ The Basics of Web Forms.
◦ The Basics of Web Servers.
◦ The Case Against Flash.
◦ The Confusing World of Web Hosting: Making Your Decision.
◦ The Evils of PDFs.
◦ The Importance of Validation.
◦ The Many Flavours of HTML.
◦ The Smaller, the Better: Avoiding Graphical Overload.
◦ The Top 10 Biggest Web Design Mistakes.
◦ The Web Designer's Toolbox.
◦ The Web is Not Paper.
◦ There's More than One Web Browser.
◦ Time for User Testing.
◦ Titles and Headlines: It's Not a Newspaper.
◦ Tracking Your Visitors.
◦ Understanding Web Jargon.
◦ Uploading Your Website with FTP.
◦ Using Flash Sensibly.
◦ Using Quizzes and Games to Get Traffic.
◦ VBScript: Javascript Made Easy.
◦ Websites and Weblogs: What's the Difference?
◦ What Do You Want Your Website to Do?
◦ What You See Isn't Always What You Get.
◦ Which Database is Right for You?
◦ Why Doing It Yourself is Best.
◦ Why Java Will Drive Your Visitors Away.
◦ Why Word is Bad for the Web.
◦ Why You Should Put Your Content in a Weblog Format.
◦ Why You Should Stick to Design Conventions.
◦ Working With Templates.
◦ Writing for the Web.

GoogleSense

Making Money with Articles

Webhosting

RSS
◦ Reading RSS Feeds with an RSS Aggregator