Indexwriting
Writing indexNote / Nov 22, 2019

Field note / poster design / information design / graphic design

Designing Infographic Posters That Inform Without Overwhelming

How I balance data density with visual clarity when designing information-heavy posters.

Published
Nov 22, 2019
Length
3 min read / 547 words
Topics
poster design, information design, graphic design

An infographic poster has competing demands: communicate a lot of information while remaining visually approachable. The usual resolution of this tension is to make everything small and dense, which produces a poster that looks complete but communicates nothing.

The real resolution is hierarchy. Ruthless, deliberate hierarchy that decides what the viewer learns at each level of engagement.

The Three Levels of Reading

Every infographic poster has (or should have) three levels of reading:

First read (1–3 seconds): The single most important message. The viewer is moving, not stopping. What do they take away if this is all the time they give? This should be communicable by the headline or a single dominant visual.

Second read (10–30 seconds): The viewer has stopped. They want to understand the story. The key data points, the structure of the information, the visual hierarchy. This should be readable at arm's length.

Third read (1–5 minutes): The viewer is engaged and wants details. The fine print, the supporting data, the citations. This content exists for the viewer who chooses to engage deeply.

Most infographic posters fail by designing only for the third read, which means the first and second reads are chaotic and uninviting.

Visual Encoding Choices

Data can be encoded visually in many ways: size, color, position, shape, texture, orientation. Each encoding type has a different perceptual accuracy — size and position are the most accurately interpreted; color and shape are less precise.

For a poster where the viewer won't have time to study charts carefully, I prefer position and size as the primary encoding tools. Color is used for category distinction, not quantitative encoding. Shape is used for variety where precision isn't required.

Reducing Cognitive Load

Every element in an infographic poster adds cognitive load. Labels, legends, scale indicators, connecting lines — all of these require the viewer to do mental work. My process is to add every element I think is needed, then systematically remove everything that can be understood without it.

Can the legend be eliminated by labeling data directly? Eliminate it. Can the scale indicator be replaced by a reference comparison? Make the comparison. Can the connecting lines be replaced by proximity? Use proximity.

Less cognitive load means more brain space for the actual content.

Color as Organization

In an information-rich layout, color's primary job is organizational. Consistent color coding by category or data stream helps the viewer track the structure of information across the poster. When color starts doing two or three different jobs simultaneously — marking categories, indicating quantity, showing change — it stops being useful and starts being noise.

One primary use for color per poster. Secondary uses are supporting, not competing.

Testing With Real People

I test infographic posters with people who haven't seen them before. I watch where their eye goes first, ask them to tell me what the poster says after 5 seconds, then ask them to read it fully and tell me what they understood.

The gap between what I designed for and what viewers actually experience is always instructive. The information design assumptions that seem obvious to the designer are rarely obvious to someone without context.