Information Density
Density is how much content occupies a given area — not a quality to maximise or minimise, but a dial to set deliberately based on who your users are and what they need to do.
Every layout is a density decision, whether the designer makes it consciously or not. Put many items close together and you get a dense layout: efficient, scannable, information-rich, potentially intimidating. Spread few items across generous space and you get an airy layout: approachable, premium, slow to navigate, potentially wasteful. Neither is correct. The right density depends on the user and the task.
Density serves tasks, not aesthetics
A Bloomberg terminal is dense. A luxury fragrance landing page is airy. Neither is a mistake. Bloomberg’s users are financial professionals scanning hundreds of data points in seconds — density is a feature, not a flaw. Fragrance buyers are being seduced into a purchase — whitespace conveys exclusivity and focus, and that too is intentional.
The error is applying the wrong density to the wrong context. A dense table of financial data is appropriate for a data-heavy dashboard. The same table dropped into an onboarding wizard for new users would be overwhelming. An airy hero works beautifully for a product launch; the same treatment in a support knowledge base makes finding help maddening.
What density is made of
Density is a function of three things: font size, line height, and spacing. Smaller type, tighter line height, and less padding between elements all increase density. Larger type, more line height, and more padding decrease it. These three levers operate together. Reducing padding in a card while keeping the font size unchanged does not feel like density — it feels like the card shrank and left the text too close to the edges.
The interaction between these levers is why density is hard to control with a single variable. A thoughtful density decision sets all three simultaneously, derived from a baseline grid and spacing scale, rather than adjusting each element in isolation.
Density and user experience
Research on information density consistently shows that expert users prefer denser interfaces and novice users prefer sparser ones. This is one concrete expression of a broader principle: users are not homogeneous. Designing for the “average user” in ideal conditions misses most of the actual audience. Experts have mental models that allow them to extract meaning from dense information quickly. Novices must build those mental models first; whitespace gives them time to process.
This preference also applies within a single session. A user learning a new workflow benefits from a less dense tutorial interface. The same user, twelve months later, doing the same workflow dozens of times per day, may find the tutorial layout frustratingly spacious. Products that serve users across a long usage lifetime often evolve toward greater density as the user base matures — or offer density settings.
Density and medium
Density also depends on medium and distance. A desktop monitor at 60cm supports higher density than a mobile phone at arm’s length, partly because of pixel density and partly because a mouse enables precise clicks on small targets. Touch interfaces need larger tap targets — a minimum of 44px height is a common recommendation — which constrains how dense a mobile layout can usefully be.
Print layouts can be denser than screens because text on paper is rendered at much higher resolution and does not require interaction targets. Reading is passive; tapping is not.
Density and accessibility
High-density layouts have direct accessibility implications. WCAG 1.4.10 (Reflow) requires content to remain usable at 400% zoom without horizontal scrolling — dense layouts built with fixed widths or horizontal overflow will fail. WCAG SC 1.4.12 (Text Spacing) requires that no loss of content occurs when line height increases to 1.5×, letter spacing increases to 0.12em, and word spacing increases to 0.16em; dense layouts that rely on tight text spacing to maintain visual coherence will break under these overrides.
Cognitively, very dense layouts raise the barrier for users with attention difficulties or low literacy. Density appropriate for expert users is not appropriate for onboarding or for interfaces that serve a broad public audience. The Accessibility hub’s article on cognitive accessibility covers how to adjust content density for these users.
Information density and whitespace pull in opposite directions depending on context. The Conflict Matrix covers how to set each by content zone rather than globally.
Whitespace as signal — the next article — examines the other side of the dial: how generous space communicates quality and intent.