Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sketchnoting: Creative Notes for Technical Content

Avatar for Jessica Eldredge Jessica Eldredge
April 24, 2014
Design
1.4k
7

Sketchnoting: Creative Notes for Technical Content

Avatar for Jessica Eldredge

Jessica Eldredge

April 24, 2014

More Decks by Jessica Eldredge

See All by Jessica Eldredge
Prototyping Layout with CSS Grid - RevolutionConf 2018
Avatar for Jessica Eldredge jessabean
1
350
Prototyping Layout with CSS Grid - Refresh DC
Avatar for Jessica Eldredge jessabean
1
480
Front End Badassery with Sass
Avatar for Jessica Eldredge jessabean
9
410

Other Decks in Design

See All in Design
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
850
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
220
Of Ordination and Rebellion exploration sketches
Avatar for Rachel Poon rezaline
0
160
セブンデックス プロジェクト事例 / innovation Scenes
Avatar for セブンデックス sevendex
1
1.2k
I.A. como meio, não como fim. Como avaliar o valor entregue?
Avatar for Viviane Delvequio videlvequio
0
390
where_imagination_ends_ai_begins.pdf
Avatar for R-524 r5ni4
0
110
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
200
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
580
「バイブコーディングって何？」から始まった、 AIとの一年間と、その先のこと
Avatar for 瀬戸英晴 seto
0
620
なぜ、インサイトを貯めるのか？
Avatar for 田島佳穂 tajima_kaho
2
2.2k
AIスライド生成を進化させるMDファイル
Avatar for 太田賢一 kenichiota0711
1
1.4k
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
150

Featured

See All Featured
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
200
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
330
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
150
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
290
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.3k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
660
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
160
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
620
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
320
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
790

Transcript

  1. SKETCHNOTING CREATIVE NOTES FOR TECHNICAL CONTENT Jessica Eldredge Front End

    Developer, Shopify @jessabean

  2. What is sketchnoting?

  3. Visual notetaking.

  4. Jessica Eldredge // jessica-eldredge.com

  5. Jessica Eldredge // jessica-eldredge.com

  6. Mike Rohde // rohdesign.com

  7. Jessica Eldredge // jessica-eldredge.com DHH!

  8. Live vs. later.

  9. Veronica Erb // veronicaerb.com

  10. Sacha Chua // sachachua.com

  11. Daniel Kirsch // kirelabs.org

  12. Why sketchnote?

  13. Inspiration in analog.

  14. Focus.

  15. Improve memory.

  16. It’s just fun!

  17. But…I can’t draw!

  18. None

  19. Jessica Eldredge // jessica-eldredge.com

  20. None

  21. How to sketchnote

  22. –MARY OLIVER, “SOMETIMES” “Instructions for living a life: Pay attention.

    Be astonished. Tell about it.” sketchnoting

  23. Pay attention

  24. It’s not about drawing. It’s about listening.

  25. Follow the speaker, not the slides.

  26. Listen for key points.

  27. Live coding: don’t do it.

  28. Use post-it notes to retain ideas.

  29. Be astonished

  30. Capture what stands out to you.

  31. Carolyn Sewell // carolynsewell.com

  32. Jessica Eldredge // jessica-eldredge.com

  33. Jokes. Quotes. F-bombs!

  34. Erin Hawkins // erinmchardy.com

  35. Create your visual language.

  36. Eva-Lotta Lamm // evalotta.net

  37. Sometimes the content still doesn’t stick…

  38. None

  39. Tell about it

  40. Share your notes.

  41. Speakers will be grateful.

  42. People will be wowed.

  43. Some practical tips

  44. Get comfortable.

  45. Slow down.

  46. Play with layouts.

  47. Nirish Shakya // http://happinessisanexperience.com/

  48. Paul Soupiset // projeqt.com/soupiset

  49. Add the decoration last.

  50. Embrace mistakes.

  51. Jessica Eldredge // jessica-eldredge.com

  52. Practice makes better

  53. Practice with TED talks, meetings, reality TV.

  54. Jessica Eldredge // jessica-eldredge.com

  55. Craighton Berman // http://studio.craightonberman.com/

  56. Get “inspired” (copy).

  57. None
  58. None

  59. I can’t draw!

  60. But you can sketchnote.

  61. ! GO TAKE SOME NOTES! ! Jessica Eldredge, Shopify !

    @jessabean http://speakerrate.com/jessabean