Roy Zornow MS Word version

IA / UX Designer

email:
Resume
Work Samples
Q&A
Bio
 
  wireframes site maps process flows ui design documents misc
  · dashboard
· big company · clearance · Google redesign · func specs · configurator
  · mobile
· finance demo · flash minisite · compare nav. · user task map · feature spectrum
  · magazine
· numbered pages · decision matrix · insurance form · use case · best practices
  · simple
· dynamic content · create account · admin page · visualization · mobile voice
  · message board · products · wizard · plugin · fields defined · mobile search
  · templates                 · mobile conversion

  (Breadcrumbs go here)          



 
   
Before you Begin
Navigation
Content
"Search"
Standard Site Features
Advanced Site Features
Page Design and Branding
Advertising
Forms & "Widgets"
    General form principles
    Which widget?
    Text-entry boxes
    Drop-down lists
    Boxed lists
    Multiple-select forms
    Radio buttons
    Pop-ups
    Error messages
Accessibility
Technical Issues
Search Engine Optimization
Usability Glossary
Usability Links
Font Conversion Table

 
FORMS & WIDGETS - Which Widget?
"Widget" defined: "widget" is a term used to describe interactive page elements such as text-entry boxes, drop-down lists, boxed lists, multiple-select boxes, radio buttons, pop-ups, and check-boxes. Proper use of these elements greatly enhances the usability of a page or form.
Which widget? Ask 6 questions:
1. Is it more natural for the user to type the answer rather than select it?
  If Yes, then use a text box.
   
2. Are the answers easily mis-typed?
  If Yes then do NOT use a text box, use another form element like a drop-down or radio buttons.
   
3. Does the user need to review the options to understand the question?
  If Yes then use radio buttons or a checklist if possible. If these are not possible use a drop-down or multiple-select box.
   
4. How many options are there?
  Very large number = text box
Medium number = drop-down
Small number = radio buttons or checklist
   
5. Is the user allowed to select more than one option?
  If Yes then use either checklist, multiple-select form or radio buttons with an “All” or “Any” option.
   
6. Are the options visually distinctive, that is do they NOT look like each other? An example of items that look like each other would a list that includes numbers 01 and 10.
  If Yes, consider using a type in box. This is a minor issue and the idea is that users might scan a list of similar items incorrectly. This will probably almost never come up.
   
 
 
 
 
 
 
 
 
 
 Related Items
 

Navigation - Links

  Navigation - Tabs