Preview image. Unlock full-res
Infographic demonstrating how layout and content structure affect reader focus and document scannability across four readability scenarios (90%, 70%, 50%, 30%).
Summary
A data visualization showing how layout structure and visual clarity directly impact reader comprehension, measured across four descending readability scores (90%, 70%, 50%, 30%).
Visual description
White background with title "Consistent framework" at top left, followed by a design quote on the right. Below is an explanatory paragraph describing how business documents mix narrative, data, and visual explanation. The core visual is four stacked black rectangular blocks, each progressively smaller from left to right, labeled with white text percentages: 90%, 70%, 50%, 30%. Surrounding these blocks are short explanatory captions describing how each content type demands different layout treatment, how screen viewing presents challenges, and how distracting factors reduce focus. The monochrome palette (black, white, gray) creates high contrast and emphasizes the data hierarchy. Typography is clean sans-serif. The design itself demonstrates its own principle: clear sections, ample white space, minimal ornament, and strong left-to-right visual flow.
Key takeaway
The use of percentage values as a visual anchor to quantify an abstract concept (clarity/scannability). The proportional-sized blocks that reinforce the data with their physical relationship. The surrounding caption structure that explains each scenario without cluttering the main visual.
Reuse notes
Excellent for design guidelines, content strategy documents, or information architecture explainers. The clear block-and-caption pattern scales well to explaining any cascade or degradation. Works particularly well in print and long-form digital contexts where readability is a core concern. Good pairing with typography guides or responsive design frameworks.
