One of the most important sections of a web site is the web form page. Whether the goal of your site is to get visitors to sign up for your e-mail newsletter, fill out a form for more information, get a quote or purchase a product online, every aspect of your form can potentially impact conversions, and therefore should be carefully examined.
When first thinking about creating web forms, you must think beyond the input fields. When your visitors look at a web form, it’s not just a one-time decision that is being made, but more likely a series of mini-decisions. Does this graphic grab my interest? Does this headline make me want to learn more? Do I want to provide my e-mail address? Do I want to give out my phone number? Should I hit the Submit button? Do I want to refer to a friend?
Anything that is created on the form page, from top to bottom, creates or motivates a decision to act.
Here are some aspects of a web form page you should consider:
Headline - create a sense of urgency in an impact statement that appeals to YOUR customer - cliche one-liners won't work here.
Form layout - less is more here, keep it simple and easy to understand.
Pricing - make it clear what the price is AND include value (free shipping, discounts etc.).
Fields - include only fields that are necessary - too many fields will cause a visitor to opt-out.
Opt-in copy - should be enticing and include privacy/spam language.
Links - ahhh....links will not only entice but also steer customers to learn more about you or your affiliates.
Submit buttons - believe it or not, the size, shape and placement of your submit button can make or break the final step (conversion) of your web form.
How do you know if the web form is meeting a visitors criteria. Similar to a web content page, layout the form in a wireframe - outlining exactly where fields, graphics and other interactive features will reside. Compare against customer expectations, demographics and psychographic needs. In some instances, the web form is the first impression of your organization if it is used in conjunction with trade show lead generation, custom landing page supporting an adword campaign or simply a direct custom URL to a product. Remember, your goal is to get the customer to act.
Check Out These Great Resources:
Web Form Design: Filling in the Blanks by Luke Wroblewski, May, 2008
Creating Wireframes
Optimizing Web Forms