From Doodles to Dashboards, Data Flows, and Docs
summary
Argument: hand-drawn diagrams and doodles measurably improve learning, debugging, docs, and community adoption by turning semantic ideas into visual memory. Evidence includes cognitive limits—sensory memory ~100 ms and working memory holding 5 to 7 items—and mnemonic techniques that reduce bugs and onboarding time. Concrete tools and artifacts: draw IO, ASCII flow comm, OmniGraffle, Paper and Procreate are used to build flow charts, annotated code screenshots, animated load‑balancer visuals and shareable Dev Doodles; these artifacts simplify Redux and other systems and demonstrably help teams.
AI-written summary · about
chapters (11)
- 0:00Intro
- 6:36Human Biology
- 13:41Learning Styles
- 16:42Visuals
- 21:48Annotation
- 30:00Tools
- 33:05Diagramming
- 35:03Teaching
- 37:05Mnemonics
- 39:38Examples of Mnemonics
- 44:44Doodles
related talks
17mUsing doodles to bring your online communication to life
05mLightning Talk: Doodling for Great Success
15mDraw me a software or the art of diagrams that stick in the mind
45mA Picture is Worth 1000 Lines of Code
33mVisual thinking - simplify complex
21mDoodle-Driven Development
40mGraphic Relief: Beyond Flowcharts and Screenshots
38mA Picture Is Worth a 1000 Lines of Code