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
7
1.4k

Sketchnoting: Creative Notes for Technical Content

Avatar for Jessica Eldredge

Jessica Eldredge

April 24, 2014
Tweet

More Decks by Jessica Eldredge

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

Other Decks in Design

See All in Design
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
0
190
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
350
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
2
450
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
360
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
180
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
0
350
社員の意識を高めたブランド浸透施策の裏側！
Avatar for MIXI DESIGN mixi_design
PRO
0
110
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
860
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
320
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
270
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
3
190
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
3
140

Featured

See All Featured
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
150
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
320
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
150
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.5k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
130
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.7k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.1k

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