Graphic Relief: Beyond Flowcharts and Screenshots
summary
Reorganized docs add navigation cards and a short introduction, replace dense flows with consistent metaphorical illustrations, and split tutorials so UI is isolated from business logic into modular tutorials developers can copy. Videos animate UI plus background processes. Tools are Google Docs > Markdown > GitHub, Figma for a reusable graphics library, and screen/video capture with Snagit and Filmora. Independent usability testing and a paid consultant produce empirical evidence (and one surprising miss: users never find the triangle).
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:03From attendee to speaker
- 2:30First week at Ripple
- 4:16Learning by doing
- 6:03Key transformations
- 8:32Fixing tutorial flaws
- 12:45Software demos with video
- 14:09Better flowcharts with progressive disclosure
- 15:57Tools for graphics and docs
- 18:29Avoiding Death by PowerPoint
- 21:58Testing docs with users
- 25:52Writing engaging docs
- 28:41Improving docs continuously
- 29:26Q&A
related talks
49mFrom Doodles to Dashboards, Data Flows, and Docs
40mCreating illustration Systems that Work for Everyone
15mModern Approach to Designer ❤️ Developer Collaboration
31mUI details that connect
18mMaking the Things That Help Others Do Their Thing
33mBeyond Buttons: Crafting Satisfying & Easily Marketable Products
14mRethinking Designer-Developer Collaboration
55mFrom Squiggles to Straight Lines: Sketch To Make Decisions & Get On With It