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 - Text-entry boxes

Text-entry boxes are generally used when you cannot precisely predict what a user will enter (for example, first name, last name). They can be designed as single-line or multiline fields.

Single-field text-entry box:


Multiline text-entry box:



•

Text-Entry boxes should be used:

  - If it is more natural for the user to type the answer rather than select it, for example a zip code.
  - When you cannot precisely predict what a user will enter (for example, first name, last name).
• Text-entry boxes should be free from disappearing text, a phenomenon occurs when the user's text entry exceeds the text-entry box size.
• Text-entry boxes should be pre-formatted when appropriate. For example a phone number field is more usable when it is split into the required digit fields. This eliminates guesswork on the part of the user about what to enter.
 
 Related Items
 

Navigation - Links

  Navigation - Tabs