UNIT II We Seek and Use Visual Structure
UNIT II We Seek and Use Visual Structure
Structure
• when people are navigating through software or Web sites, they don’t
scrutinize screens carefully and read every word. They scan quickly for
relevant information.
• But when information is presented in a terse, structured way, it is
easier for people to scan and understand.
Structured presentation of airline reservation information is easier to scan and understand.
The more structured and terse the presentation of information, the more quickly and easily
people can scan and comprehend it.
Contents page at the California Department of
Motor Vehicles (DMV) Web site buries the
important information in repetitive prose.
Contents page at the California Department of
Motor Vehicles (DMV) Web site buries the
important information in repetitive prose.
All options presented in the actual Contents page are available in the revision, yet it consumes less
screen space and is easier to scan.
Displaying search results is another situation in which structuring data and
avoiding repetitive “noise” can improve people’s ability to scan quickly and find
what they seek.
In 2006, HP.com’s site search produced repetitious, “noisy” results (A), but by 2009 was improved (B).
Mortgage summary presented by a software mortgage calculator; (B) an improved design.
Telephone and credit card numbers are easier to scan and understand when segmented.
(A) At Democrats.org, credit card numbers can include spaces. (B) At StuffIt.com, they cannot, making them harder to scan and v
At BankOfAmerica.com, segmented data
fields provide useful structure.
DATA-SPECIFIC CONTROLS PROVIDE EVEN
MORE STRUCTURE
• Instead of using simple text fields—whether segmented or not—
designers can use controls that are designed specifically to display
(and accept as input) a value of a specific type.
VISUAL HIERARCHY LETS PEOPLE FOCUS ON
THE RELEVANT INFORMATION
• One of the most important goals in structuring information
presentations is to provide a visual hierarchy—an arrangement that: