The order in which elements are noticed, controlled by size, weight, colour, position and space.
UI foundation · Visual design
Tag
hierarchy
Entries tagged hierarchy, drawn from across the library. Tags cut through the section structure, which is where most of the useful connections are.
9 entries across 3 sections
Type
Category
Level
9 entries
Relative size is the fastest signal of importance and the easiest one to overuse.
UI foundation · Visual design
Empty space is a design element that groups, emphasises and sets pace, not leftover area.
UI foundation · Visual design
Making one thing stand out, which only works if most things do not.
UI foundation · Visual design
Using size, weight, colour and space to make the structure of text visible before it is read.
UI foundation · Typography
The most space-efficient hierarchy lever, and the one most often limited by the typeface.
UI foundation · Typography
A trail showing where you are in a hierarchy, useful when the hierarchy is deeper than two levels.
Component · Navigation
Showing a design briefly and asking what people remember, which tests hierarchy and clarity of message.
Research method · Evaluative
Measuring where people look, which is expensive, frequently over-interpreted, and occasionally irreplaceable.
Research method · Evaluative