|
[TIP] Creating Usable Forms
by
05 Mar 2006
Visiting sites on a daily basis, we are confronted with online applications (also known as "forms"). We see them everywhere and have become immune to the errors that they produce or lack of. To create a usable form, we must start thinking like the end-user (the visitor filling out the form). SOMETHING TO THINK ABOUT
Don't you hate it when a form is accepted without proper checks? How sure are you that the information you entered is accurate? Did the system provide you with enough information to fill the form correctly? Did it do the proper checks to ensure that your data is in the correct format? A form's input should be clearly defined. Some examples would be:
All submitted information should be displayed to the end-user on the following page prior to acceptance; at the very least the information should be emailed to them. This will provide the end-user an opportunity to fix any errors if they exist. Don't you hate it when an error message comes up on a different page? Aaaarrrggghh! I hate it when this happens. You submit the form and you are notified that an error exists. What's worst is that you may have to guess where the error is located OR you may have to redo the form in its entirety. Yep, this is the part where I usually pull my hair or go to another site. Don't you hate it when you are instructed to "Go Back" to fill a required field? What's so bad about this? This is one additional step that could have been avoided. Just think of how much time you could have saved if you knew firsthand what was 'required'!
Not long ago, I was at a site that gave me a "required field" error. Nothing wrong with that but, what "required" field did I miss? There was no mention of a "required field"! Nevertheless, I did what everyone does when they are presented with a form error. I went back and filled every input box. Aaaarrrggghh! Now I'm getting an "address field is to long" error. There are two address fields and I have no clue as to which one is formatted wrong! A simple asterisk *, color, or icon could have saved me the aggravation. It also would have increased the sales on that site if I was able to finish the application process. In short... it takes a little bit more effort to create a "usable" form; but, it's worth the time. A usable form will:
Any typos/grammer mistakes please private message me .. thank you. |
Similar Mods
| Add-On Releases Forms Pack *** Forms Hack add-on | vBulletin 3.6 Template Modifications |
| Forms Pack + (4) *** Forms Hack add-on | vBulletin 3.5 Template Modifications |