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
    Checkboxes
    Pop-ups
    Error messages
Accessibility
Technical Issues
Search Engine Optimization
Usability Glossary
Usability Links
Font Conversion Table

 
FORMS & WIDGETS - Drop-down lists

Drop-down lists initially display a single selection with hidden selections appearing when the user clicks on a downward arrow.

 
(Drop-down list in expanded state)

Drop-down lists should be used for values that::

  - Are approx. 50 or fewer in number, if the number is greater use regular hypertext links
  - Do not change frequently
Drop-down lists conserve space but don’t allow a user to see all possible choices.

Labels for drop down list boxes should appear to the left or above the list box.

Items should be listed in an order that is most intuitive for the user. For long lists, consider alphabetical or numerical order. Place the more common choices at or near the top of the list performance (i.e. in a drop down menu of countries, put USA first, even though it belongs towards the end alphabetically).

The initial appearance of the box should either contain the first item in the list or a ‘non-choice’ such as select, to force the user to make a selection.

Enable drop-down lists to select an item based the user pressing the letter on the keyboard that corresponds with the first letter of that item.

   
   
   
   
   
   
   
   
   
   
   
   
   
 
 Related Items
 

Navigation - Links

  Navigation - Tabs