Manuals / Presentation Design / Chapter 4

B · Design · intermediate · Week 2 · Chapter 4 of 9

Visual hierarchy on slides

Type size, contrast, whitespace. One focal point. Charts need a takeaway annotation. Screenshots need crop + callouts.

Path progress
44%

Step 1 of 1

Build the slides

Fill bodies under headlines. Ruthlessly delete.

  • Body text ≥18–20pt for rooms
  • Max ~6 lines when you must use bullets
  • One chart → one annotated takeaway
Build the slidesDrag stickies · tap for tips
Study mapDrag stickies · tap for tipsKeep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Assert the UIdrag · tap →Retry wiselydrag · tap →Seed datadrag · tap →Close the loopdrag · tap →Keep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Pathwise hackdrag · tap →Build the slidesdrag · tap →Try thisdrag · tap →Follow the dashed drag · tap →

Do this now

Design the deck. Squint test: can you see hierarchy?

Was this step clear?
Chapter learning outcomes
  • Type scale
  • Crop & callout
  • Chart takeaways

Clear these before you leave