Chapter 2

Hierarchy

“Hierarchical organization is the simplest structure for visualizing and understanding complexity.”

—W. Lidwell, K. Holden, J. Butler, Universal Principles of Design, p. 104

Visual hierarchy is the perception and interpretation of the relative importance of objects. In application design, these objects are elements presented on a screen. After consistency, visual hierarchy is the biggest factor we see in creating effective application interfaces.

Perception of hierarchy is affected by position, size, color, interface control type (e.g., a button versus a link), and treatment of elements. It is also affected by the way individual elements and groups of elements relate to each other. Regardless of whether interface elements ...

Get Visual Usability now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.