How to Measure Usability
Practical Measures of Usability
How do we measure the usability of the system that we create? There are a number of observations that we can make that can help us.
Are people asking a lot of Questions?
Are Frequent Exasperation (the "Oh damn!") Responses Heard?
Are there many unnecessary and unproductive actions being performed?
Measures of Usability Cont...
Are there many elements on the screen that do not pertain to the user or to their particular task?
Do a number of people want to use it or not?
Principles of Good Screen Design
Upper-Left Starting Point
Eyeball fixation studies indicate that in looking at displays of information ones eyes normally move first to the upper-left center of the display.
The eyes then travel in a clockwise direction around the display.
A study in 1984 found that visual targets located in the upper-left quadrant of the screen were found fastest and those in the lower right quadrant took longest to find.
Navigation
Group and align screen controls and use line borders to help guide the users eyes in finding navigation elements.
Tab through information in logical order and place your command buttons at the end of the tab order.
Visually Pleasing Composition
A visually pleasing composition has the following qualities:
Balance
Symmetry
Regularity
Predictability
Sequentially
Economy
Unity
Proportion
Simplicity
Groupings
Balance
Create screen balance by providing an equal weight of screen elements, left, right, top and bottom.
Symmetry
Create symmetry by replication elements left and right of the screens center line.
Regularity
Create screen regularity by establishing standard and consistently spaced horizontal and vertical alignment points.
Predictability
Create predictability by being consistent and following conventional orders or arrangements.
Sequentiality
Arrange elements to guide the eye through the screen in obvious, logical, rythmic, and efficient manner.
The eye tends to be attracted to:
A brighter element before one less bright.
Isolated elements before elements in a group.
Graphics before text.
Color before black and white.
Highly saturated colors before those less saturated.
Dark areas before light areas.
A big element before a small one.
An unusual shape before a usual one.
Big objects before little objects.
Economy
Provide economy by using as few styles, display techniques, and colors as possible.
The
Less is More Principle
Unity
Create unity by:
Using similar sizes, shapes, or colors for related information.
Leaving less space between elements or a screen than the space left at the margins.
Proportion
Create windows and groupings of data or text with aesthetically pleasing proportions.
Simplicity
Optimize the number of elements on a screen, within limits of clarity.
Minimize the alignment points, especially horizontal or columnar.
Provide standard grids of horizontal and vertical lines to position elements.
Groupings
Provide functional groupings of associated elements.
Visually reinforce groupings:
Provide adequate separation between groupings through liberal use of white space.
Provide line borders around groups.
Consider using contrasting colors in the background.