HFI Usability Home

Usable. Experience. Design.

HFI Usability Home About HFI - Usability Experts Usability Consulting Usability Training & Certification Usability Tools & Standards Usability Newsletter Executives Only  

Contact Us | 1-800-242-4480

 
UI Design Newsletter
Current Issue
Past Issues
Reader Comments
Subscribe
Change Address
divider
HFI Webcasts
June 2008 Webcast
Upcoming Webcasts
Past Webcasts / Podcasts
divider
Ask Eric
Questions & Answers
Ask your question
divider
Readings
Published HFI Articles
White Papers
Intranet Standards
GUI Standards
Quantitative Usability
e-Commerce Usability
GUI Design
IVR
divider
Just Fun
Cartoons
Mouse Maze
10 Web Usability Tips
Usability Quiz
Web Usability Quiz
Contextual Innovation Quiz
Persuasive Design Quiz
Persuasion Flow Symbols
History of HFI Buttons
divider
Resources
Persuasion Flow Symbols
Accessibility
Bibliography
Usability Links
HCI Degree Programs

10 Usability Principles to guide you through the
Web Design Maze

Print this page | Email this page

  1. Motivate
    Design your site to meet specific user needs and goals. Use motivators to draw different user "personae" into specific parts of your site.
  2. User task flow
    Who are your users? What are their tasks and online environment? For a site to be usable, page flow must match workflow.
  3. Architecture – it's 80% of usability
    Build an efficient navigational structure. Remember – if they can't find it in 3 clicks, they're gone.
  4. Affordance means obvious
    Make controls understandable. Avoid confusion between emblems, banners, and buttons.
  5. Replicate
    Why reinvent the wheel? Use ergonomically designed templates for the most common 8-12 pages.
  6. Usability test along the way
    Test early in design using low-fidelity prototypes. Don't wait until the end when it's too late.Know the technology limitations Identify and optimize for target browsers and user hardware. Test HTML, JavaScript, etc. for compatibility.
  7. Know the technology limitations
    Identify and optimize for target browsers and user hardware.Test HTML, JavaScript, etc for compatibility.
  8. Know user tolerances
    Users are impatient. Design for a 2-10 second maximum download. Reuse header graphics so they can load from cache. Avoid excessive scrolling.
  9. Multimedia – be discriminating
    Good animation attracts attention to specific information, then stops. Too much movement distracts, slowing reading and comprehension.
  10. Use a stats package
    Monitor traffic through your site. Which pages pique user interest? Which pages make users leave? Adjust your site accordingly.

maze picture

PDF Icon

10 Usability Principle Tips
Download

Get Acrobat

Good luck. Please contact us if you have any questions or need assistance with any of your projects.