Web Design - Publish.com
Publish.com Ziff-Davis Enterprise  
SEARCH · ONLINE MEDIA · MOBILE · WEB DESIGN · GRAPHICS TOOLS · PRINTING · PHOTO · TIPS · OPINIONS
Home arrow Web Design arrow Making online forms user-friendly
Making online forms user-friendly
By Ilise Benun

Rate This Article:
Add This Article To:
Tips for choosing which HTML elements to use when creating online forms.

Most Web sites have some kind of form for visitors to fill out -- registration forms, contact forms, feedback forms, order forms and more. But forms are time consuming and often perceived as an interruption or annoyance by the user. That’s why your forms need to be as easy to use as possible; otherwise they can spoil the user experience and affect your bottom line.

To create a user-friendly experience, make sure you choose the most appropriate of the five HTML form elements available:

  1. Drop-down box. Drop downs not only make a form look shorter but they are the best choice when users need to choose from a long list. Use them especially when the answer to your question is unfamiliar and/or easily mistyped. Keep options short, concise and easily readable so user can quickly scan the list.
  2. Radio buttons. Many users don’t know this, but when using radio buttons, only one choice is possible. Pre-populate the most likely choice as a default, then make it clear another choice can be selected instead.
  3. Check boxes. As with paper forms, check boxes allow a user to click all or no acceptable choices. Use checkboxes (or radio buttons) when the number of possible selections is 4 or less.
  4. Type-in box. Use when typing the selection is more natural to the user than selecting it from a list. Perfect for a user’s personal details and for situations when the options look similar, such as numbers 1-10.
  5. Hyperlinks. Used less frequently but it’s relatively clear that the choice is to click one of the optional links.

For more info: see Carolyn Jarrett’s Forms that Work

http://www.formsthatwork.com/papers.html




Discuss Making online forms user-friendly
 
>>> Be the FIRST to comment on this article!
 

 
 
>>> More Web Design Articles          >>> More By Ilise Benun
 


Buyer's Guide
Explore hundreds of products in our Publish.com Buyer's Guide.
Web design
Content management
Graphics Software
Streaming Media
Video
Digital photography
Stock photography
Web development
View all >

ADVERTISEMENT


FREE ZIFF DAVIS ENTERPRISE ESEMINARS AT ESEMINARSLIVE.COM
  • Dec 10, 4 p.m. ET
    Eliminate the Drawbacks of Traditional Backup/Replication for Linux
    with Michael Krieger. Sponsored by InMage
  • Dec 11, 1 p.m. ET
    Data Modeling and Metadata Management with PowerDesigner
    with Joel Shore. Sponsored by Sybase
  • Dec 12, 12 p.m. ET
    Closing the IT Business Gap: Monitoring the End-User Experience
    with Michael Krieger. Sponsored by Compuware
  • Dec 12, 2 p.m. ET
    Enabling IT Consolidation
    with Michael Krieger. Sponsored by Riverbed & VMWare
  • VTS
    Join us on Dec. 19 for Discovering Value in Stored Data & Reducing Business Risk. Join this interactive day-long event to learn how your enterprise can cost-effectively manage stored data while keeping it secure, compliant and accessible. Disorganized storage can prevent your enterprise from extracting the maximum value from information assets. Learn how to organize enterprise data so vital information assets can help your business thrive. Explore policies, strategies and tactics from creation through deletion. Attend live or on-demand with complimentary registration!
    FEATURED CONTENT
    IT LINK DISCUSSION - MIGRATION
    A Windows Vista® migration introduces new and unique challenges to any IT organization. It's important to understand early on whether your systems, hardware, applications and end users are ready for the transition.
    Join the discussion today!



    .NAME Charging For Whois
    Whois has always been a free service, but the .NAME registry is trying to change that.
    Read More >>

    Sponsored by Ziff Davis Enterprise Group

    NEW FROM ZIFF DAVIS ENTERPRISE


    Delivering the latest technology news & reviews straight to your handheld device

    Now you can get the latest technology news & reviews from the trusted editors of eWEEK.com on your handheld device
    mobile.eWEEK.com

     


    RSS 2.0 Feed


    internet
    rss graphic Publish.com
    rss graphic Google Watch

    Video Interviews


    streaming video
    Designing Apps for Usability
    DevSource interviews usability pundit Dr. Jakob Nielsen on everything from the proper attitude for programmers to the importance of prototyping in design to the reasons why PDF, Flash and local search engines can hurt more than they help.
    ADVERTISEMENT