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

Beating the Rap on UI Standards (continued)

GUI Articles List | Print this page | Email this page

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

The Right Way to Beat the Rap
Here is an outline of the HFI GUI standardization process. You can do it, too. We've helped beat the rap on standards. It works, or we wouldn't have a company any more. Send us your experiences in standards. We're looking for anecdotes and screen pictures for a book on UI and Interactive Voice Response design standards. (We'll provide anonymity for the modest!)
Steps to Beat the Rap Comments

1. Define the type(s) of standards you need. Keep them separate.

For example: Design; Methodology; Help; Error message; Interactive Voice Response; Imaging.

2. Get management commitment to follow through on the standardization process.

If necessary, get HFI's management briefing to "raise standards consciousness," or take a GUI design class. Don't trust anyone under 30. (Humor)

3. Get 7-12 volunteers for committee membership.

Get key opinion leaders. Volunteers work harder.

4. Gather data

Cover user characteristics, taskflows, work environments, software usage, corporate strategies, etc. Conduct interviews at actual user worksites. People love attention. They'll like you, too.

5. Define screen types that cover 85% of the windows that will be designed.

Locate important and prevalent tasks associated with your business. Customize a standard approach to handling those tasks. We define as many as eight primary screen types. You get efficiency and ease of use because a given type of task is handled with a standard configuration of objects.

6. Draft an actual case for each screen.

Examples: Classical Hierarchical Menu, Browser (see Figure 1), Create-Review-Update-Delete (CRUD), Graphic Drill-down (see Figure 2), and Form (see figure 4).

Your standard should specify important elements of wording, layout, format, and operation of each screen. Here's your creative opportunity.

7. Meet with the committee to refine the standard screen designs

One or two days of grueling meetings, during which we iterate each prototype screen design with the group and discuss numerous design details. The committee votes on which screen examples to standardize.

8. Draft the standards document around the examples.

Based on decisions made at the previous meeting, we might add new primary screen types, secondary screen types, popups, and dialog boxes. We'll further customize screen types to match the corporation's functional needs. We document rules associated with screen operation. (See Figures 3 and 4.)

9. Add general chapters.

We document the rules for standard keys, color, error handling, icon usage, and widget selection.

10. Meet again with the committee to review and approve the standards document.

This one or two day meeting includes feedback from external reviewers, as well. Gruel may or may not be served.

11. Finalize the document

We make the changes. We complete the Table of Contents, Index, and Glossary. We fix the document headers, section numbering and pagination.

12. Implement the standard

This phase may or may not include an additional iteration and meeting.

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

GUI Articles List