Skill 09 · Dreambase Visualization Design
Subchapter 9.5
references/infographics.mdMarkdown6 KBView on GitHub
Infographics are explanatory, single-message, author-driven artifacts for broad audiences — the opposite end of the spectrum from dashboards. Different goals mean different rules: engagement and gist retention are the success metrics here, not decision speed or reading precision.
| Choose… | When… |
|---|---|
| Single chart | One question, informed audience, embedded in prose/slides; reading precision matters most |
| Infographic | One predetermined message, broad/lay audience, standalone artifact (social, marketing, education), consumed once; engagement and gist retention are the success metrics |
| Dashboard | Recurring monitoring/exploration, reader self-serves with filters; success is decision speed and accuracy |
| Written report | Nuance, caveats, methodology, and contested conclusions; visuals become exhibits inside argument |
Decision heuristics: Who drives the path — author-driven narrative → infographic/report; reader-driven exploration → dashboard. How many messages — one → chart or infographic; several monitored KPIs → dashboard. What must be retained — a gist → infographic; a precise value → chart.
A good infographic is more single-message-focused than a dashboard, not less — never substitute one format for the other.
One message (Krum’s 5-second rule). A viewer should grasp the main point within ~5 seconds. If the takeaway can’t be stated in one sentence, the analysis isn’t done — design waits. This matches Knaflic’s “Big Idea”: one complete sentence that states your point of view and what’s at stake.
Three-act structure (Krum, Cool Infographics): hook (why this matters) → key message / “a-ha” (the central insight, given the most visual weight) → conclusion / call-to-action. Knaflic’s version: setup → conflict/rising action → resolution.
Cairo’s five qualities (The Truthful Art) in priority order: truthful → functional → beautiful → insightful → enlightening. The ordering is deliberate: truth and function are preconditions for beauty, not trade-offs against it. Cairo’s Visualization Wheel frames infographic style as explicit trade-offs (abstraction↔figuration, density↔lightness, functionality↔decoration): a lay-audience infographic legitimately sits further toward figuration and decoration than an analytical chart — as a conscious choice per axis, never a default.
Titles carry the memory. Eye-tracking research (Borkin et al. 2015) found titles and text are the most attended and best-recalled elements of a visualization. Write the headline as the takeaway sentence, not a topic label (“Churn halved after onboarding revamp,” not “Churn Rates 2024–2025”). Give the piece one clear focal point.
Reading flow. Establish explicit hierarchy: dominant headline → hero visual/stat → sequenced sections. Size, color, and position must agree on what’s #1. Don’t design for the F-pattern — NN/g’s own clarification says F-scanning is how users cope with unstructured walls of text; counter it with front-loaded headings and visual anchors so the first three fixations hit headline → key visual → takeaway.
Use this to calibrate decoration — the findings are routinely overstated in both directions:
Practical rules derived from that evidence:
Everything in integrity.md still applies — a lay audience makes honesty more critical, not less, because readers can’t audit the data. The extra infographic-specific risks: cherry-picked hero stats, icon-area distortion, decorative precision (a beautiful number with no denominator), and missing sources. When the brief asks for persuasion the data doesn’t support, say so and propose what the data honestly supports.