Building Better Online Forms: Balancing Needs vs Wants

Many people gauge the success of their website on whether someone submits an online form. Thus, it’s really important to think about how the form is structured. The most important part of designing and implementing a form happens prior to any layout or coding. You need to prioritize what you NEED to achieve your goals vs what you WANT to have.
Keeping your form simple is difficult. Build your relationships slowly with visitors in order to instill a sense of trust, is essential.
Whether it be a sign-up, sign-in, purchase or inquiry – here are 4 tips to be taken into consideration prior to creation of your online form.
Plan & Prioritize

Know why you have a form in the first place. What do you want to get out of the form? (be specific & realistic about your top 3 goals). Less is more, determine the absolute minimum amount of information that is required to achieve your goals. Then ask, Is this information mission-critical? (Is knowing whether someone is a Ms or Mrs a deal breaker?)
Functionality & Sensibility

Ask for names in a sensible, conversational way: First, then last…. or Full name all at once. Provide buttons, pull downs and text fields where appropriate. Make it easy for the user to provide you with the information you’re requesting. Consolidate, edit and eliminate where possible.
Clarity & Calls-to-Action

State why visitors are giving you info, what you plan to do with it, and what they will get. Buttons should be meaningful and explain the action to be taken. Try “Sign-up for mailing list” instead of “Submit”. Use color that makes sense, Orange has a proven track record of helping people to take action, Red is closely associated with errors, Green is linked to yes. Make sure you’re giving visual and verbal cues to your visitors wherever it’s relevant and possible.
Availability & Alternatives
Some people don’t like forms, and you need to offer those people and easy way to get in touch with you. Always include your phone number, address and/or email on every page, or have it available via a Contact us link.
This list just scratches the surface of considerations. Let us know what you do to insure your forms are user friendly.
No comments yet.
Leave a comment
Brunello on Twitter
Loving CloudApp: http://getcloudapp.com for auto-uploading screenshots. More info in an upcoming post on essential time-saving design tools.
Archive
- September 2010 (1)
- August 2010 (2)
- June 2010 (2)
- April 2010 (2)
- March 2010 (2)
- December 2009 (2)
- October 2009 (1)
- September 2009 (3)
- August 2009 (3)
- July 2009 (3)
- June 2009 (6)
- May 2009 (1)
Tag Cloud
- Web Analytics Apple branding css Drupal Google Analytics Portfolio Web Design Browsers jQuery Logos Marketing Men's Health SEO Steve Jobs Webby Awards .net analytics Birthday Boston Marathon Brunello Creative Bruno bugs Captcha Children's Health Chrome click heat CMS coding for email Content Management Systems Conversions crazy egg CSS3 Cufon Customer Service design trends dymanic font replacement e-newsletter Ecommerce email clients email newsletter enews Front End Design heatmapping height html email Humor identity Internet istock istockphoto javascript keyword linux logo design Men's Health Living performance php ppc Pray For Steve pressflow Progressive Enhancement quantcast rankings Rodale Safari search experience search results Social Media Spam stock logos traffic Twitter typekit typography Useability web hosting Web Security web server Web Standards Web Statistics web typography webby webfonts Women's Health woopra

