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.3k

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
320
Prototyping Layout with CSS Grid - Refresh DC
Avatar for Jessica Eldredge jessabean
1
420
Front End Badassery with Sass
Avatar for Jessica Eldredge jessabean
9
390

Other Decks in Design

See All in Design
「UXとUIの違い」v2
Avatar for Shirasu3 shirasu3
0
180
線で考える画面構成
Avatar for natsuume natsuume
1
900
Cyber Heart Online Book
Avatar for Hannah hjnasby
0
150
Storyboard Honey
Avatar for Rocío Parrón rocioparronrubio
0
330
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
290
BPStudy#213〜ビジネスアナリシスとDDD（ドメイン駆動設計）パネルディスカッション資料 / BPStudy213-panel
Avatar for haru860 haru860
0
460
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.3k
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
220
街・都市という眼差し。まちづくりにおける規範と実践
Avatar for Sho Sakamoto sakamon
0
120
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1.1k
Designing User Experience through Interaction Design
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
310
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
200

Featured

See All Featured
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.8k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.7k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.5k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Docker and Python
Avatar for Tania Allard trallard
45
3.5k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
337
57k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.8k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k

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