Design reading notes

Cole Nussbaumer Knaflic / Storytelling with Data — full legal readings

Cole Nussbaumer Knaflic / Storytelling with Data — full legal readings

Loop: WebSearch → WebFetch → read full page → next. Searches began repeating core method posts (declutter, focus, titles, slideument, audience/Big Idea, color). No pirate copies of Wiley books. Free sample chapters exist via official email/download gates on storytellingwithdata.com but were not obtained in this pass (signup required).

Authorship note: Posts marked (Cole) are by Cole Nussbaumer Knaflic. Posts marked (SWD team) are full essays on the same site by team authors teaching the same method line.

---

1. my guiding principles

- Separate exploratory vs explanatory intent; for explanation, take a clear point of view.

- Right graph creates an “aha”; should feel intuitive, not like work.

- Don’t overcomplicate; make complex material accessible.

- Get rid of the non-essential (Saint-Exupéry: nothing left to take away).

- Make it clear where to look; create visual hierarchy.

- Words make a graph accessible: titles, axis titles, source/methodology footnotes.

- Audience trumps all else—even softens other principles when needed.

2. consult for context (“where to start”)

- Start by extracting context before building visuals.

- Thought-starters: background; who/what you know about the audience; audience biases; available data and familiarity; what successful outcome looks like; one-minute / one-sentence message.

- Context up front reduces later iteration; leads into 3-minute story and Big Idea.

3. SWD + AI: start with context

- Nearly everything SWD teaches starts with context: audience, stakes, action—before chart type, color, or layout.

- Exploratory analysis ≠ explanatory communication.

- Big Idea = single sentence with point of view + what’s at stake; worksheet structures audience → stakes → Big Idea.

- Audience needs ahead of analyst’s findings; ruthless focus (sharpen, don’t expand).

- AI as thought partner only after you supply real context; keep final framing yours.

4. so what?

- Minimum “story” for explanatory work is the so what?—the point—not capital-S Story structure.

- Never leave the audience guessing the message; put it in spoken or written words.

- Slide title bar is precious real estate: use active / takeaway titles, not descriptive ones.

- Pair takeaway words with color that ties text to the relevant data.

- Annotate events that give context.

5. annotate with text

- Every graph needs a title; every axis needs a title (rare exceptions).

- Label directly so the audience doesn’t question what they’re seeing.

- If you want a specific conclusion, state it in words; emphasize with size, color, bold, top-of-page placement.

- Active titles in the title bar; methodology/source/as-of notes de-emphasized (small, grey, bottom).

6. one thing on stage

- One main point per slide (yes).

- Only one element should “speak loudly” via contrast (“one thing on stage”).

- Pair action title (why) with selective contrast (where to look).

- Sparing color + words = lowest-hanging improvement for slides.

7. the slideument

- Ideal: separate written report (dense) vs live presentation (sparse, ≥16pt type).

- Reality often produces a “slideument” (Duarte’s term)—serves neither need well.

- Dense leave-behind + animation that reveals one element at a time for live talk.

- Layer preattentive attributes (e.g., color) as you step through pieces.

8. strategies for avoiding the slideument

- Option 1: two documents (sparse live slides + denser report).

- Option 2: animation for live focus; fully annotated version for circulation.

- Option 3: sparse slides + narrative in Notes pane; tell audience to look there.

9. slidedocs

- Slideument problem restated: one artifact can’t perfectly serve projection and reading.

- Points to Duarte’s “slidedocs” (visual documents meant to be read, not projected) as a named alternative form.

- Ideal remains two separate work products.

10. two tips for better graphs (declutter + focus)

- Declutter: push non-data to grey or remove (borders, gridlines, equal-weight black elements).

- Focus attention: sparing contrast so others know where to look (color for one series; selective markers/labels).

- Cites Northwestern Visual Thinking Lab study: declutter → professionalism; declutter+focus → aesthetics, clarity, recall.

11. #SWDchallenge: declutter & focus

- Remove unnecessary elements, then add selective contrast + words so audience knows where and why.

- Declutter alone is incomplete; focus adds value back.

- Same empirical study cited (Ajani et al., 2021).

12. being clever with color (color as signal, not decoration)

1. Color grabs attention

2. Color can signal where to look

3. Color should be used sparingly

4. Color can carry quantitative value

5. Color carries tone and meaning

6. Not everyone sees color

7. Color should be used consistently

13. a Google example: preattentive attributes

- Preattentive attributes (color, size, orientation, placement) drawn strategically.

- Two jobs: (1) draw eye to what matters; (2) create visual hierarchy.

- Never waste title on “Findings”—use takeaway titles.

- Coordinate color between graph and table to tie related categories.

14. can design be taught?

1. Start with audience, not content

2. Don’t let the default be your design

3. Constrain choices (palette, type, layout)

4. Clear visual hierarchy

5. Difference signals meaning—unintentional variation confuses

6. Use color with purpose (expressive vs attention-directing logics differ)

7. Align everything; prefer left-aligned text

8. Whitespace does work

9. Seek inspiration analytically

10. Trust then train your eye—design is a skill

15. accessible data viz is better data viz

- Accessibility beyond color blindness; inclusive design helps everyone.

- Alt text (chart type + meaning + link to data).

- Takeaway titles reduce cognitive load.

- Direct labels over legends.

- WCAG contrast; white space to separate sections without relying only on color.

---

Additional SWD-team method essays read in full (same lineage)

16. five questions for better data communications (full series in one post)

1. What can I eliminate? (declutter defaults)

2. Am I using color intentionally? (start grey; color sparingly; intensity for hierarchy)

3. What’s easiest to see? (iterate chart forms; don’t Swiss-Army-knife one chart)

4. What action does the audience need? (Big Idea as guidepost)

5. Have I used words effectively? (active titles, annotations, footnotes)

- Biggest bang when time-constrained: color + words.

17. drive action with your graphs (audience + action)

- Don’t force analysis visuals on the audience hoping they infer the conclusion.

- Form a Big Idea: stakes + action in one sentence; evaluate graphs against it.

- Choose views that drive the needed discussion/action.

18. the most important dataviz decision you make (intentional color)

- Override defaults; start with nothing emphasized (all grey).

- Color is often the most important focus decision.

- Tie annotation color to highlighted data; intensity can mark endpoints.

19. declutter! (and question default settings)

- Question tool defaults as the usual source of clutter.

- Concrete removals: border, gridlines, excess labels; thicken bars; title axes; move legend; spare color; takeaway title.

20. what clutter can we eliminate?

- Test: does this element add enough informative value to justify its presence?

- Stepwise declutter: borders/gridlines → markers → redundant table → title alignment/clarity → legend placement → color-matched labels.

21. power pairing: color + words

- Two easy habits: state takeaway in words; use color sparingly.

- Same clean chart can support different takeaways depending on which subset is colored and how words set expectations.

22. connecting the slide title to the graph

- Active slide titles set expectations.

- Match title color to the highlighted series; grey everything else so search is unnecessary.

23. apply color thoughtfully in your graphs

- Color is an explicit choice, not a software/AI default.

- Start greyscale; color only where you want focus.

- Vary intensity for nested emphasis; pair matching colored/bolded words for leave-behinds.

- Accessibility: avoid red as sole negative cue when possible.

24. transforming slide titles (thoughtful / takeaway titles)

- Title wording alone can redirect attention across a fixed graph.

- Tips: action-oriented; swap descriptive slide title with takeaway; sentence case; aim for one line; colon for setup + point; emphasize the “what”; set tone.

---

Free chapters / legal samples

---

Not obtained