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
October 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

Key Tips for User-Centered Design (continued)

GUI Articles List | Print this page | Email this page

 

<<Previous | 1 | 2 | 3 | 4 | 5 | 6 | Next>>

Large Screens

Feel good about blank space on the window.

Use blank space to group and organize your fields and data. Don't feel obliged to completely fill the screen with only fields and data. 70% white space is very acceptable. For strongly organized data (e.g., tables) 30% white space is okay.

Put a complete logical unit of work on the screen.

Large screens allow the luxury of giving users the "big picture" of their work. This is better than mentally piecing together the work from different windows or pop-ups.

High Speed

Provide 1/2 second delay before displaying an error message.

Most users get surprised and disoriented when an error message appears instantaneously. Match expectations by adding a delay.

Color

Don't commit basic color errors like chromostereopsis (stereo "layers" of color).

Avoid letting one color, like red, "float" on another color, like blue. Plus, these colors, in particular, can be hard to read. Adjust the level of gray in the color to solve these problems.

Use color to aid eye scan.

When scanning across columns, if you can't skip every fifth or sixth line, then use a subtle color change between groups of lines. Or, use color to identify particular rows in a list that meets special criteria.

Unless you test users for color vision, design for monochrome, then add color.

8% of males and about one half a percent of females have some form of color blindness. Ensure that your design is meaningful in black and white, then add color to aid discovering relationships and aid scanning for highlighted items.

Don't expect users to notice subtle color differences.

Even users who can see all the colors fail to remember subtle color coding schemes that require memorization of more than 1 or 2 colors. Do not use color as the sole code discriminator. Use color and shape or color and location to reinforce the code.

Use color for aesthetic appeal and to convey meaning.

Users prefer color. Also, remember cultural associations for each color: such as red for stop, green for go, and yellow for caution. Don't fall prey to any unintended meanings. Special industries have different codes. Red, green, and yellow have different meanings in a nuclear power plant, for example.

 

<<Previous | 1 | 2 | 3 | 4 | 5 | 6 | Next>>

 

GUI Articles List