Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Sketchnoting: Creative Notes for Technical Content
Search
Jessica Eldredge
April 24, 2014
Design
7
1.2k
Sketchnoting: Creative Notes for Technical Content
Jessica Eldredge
April 24, 2014
Tweet
Share
More Decks by Jessica Eldredge
See All by Jessica Eldredge
Prototyping Layout with CSS Grid - RevolutionConf 2018
jessabean
1
290
Prototyping Layout with CSS Grid - Refresh DC
jessabean
1
340
Front End Badassery with Sass
jessabean
9
370
Other Decks in Design
See All in Design
Designing UIs without a UI designer
strongeron
0
240
富山デザイン勉強会-2024年デザイントレンド.pdf
keita_yoshikawa
2
130
興味関心と組織とリサーチ #ResearchConf / 20240419
minamitary
1
130
accfes2024_torque_yamasaki
yuuyamasakiyuu
2
710
For My Dad- teaser
pdqsketch
PRO
0
170
Design for disaster preparedness
norinity1103
0
120
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.7k
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
220
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
340
生成AIを活用したサービス設計のススメ〜仮説構築編〜
tomo1215
2
1.1k
生成AIのデザイン活用
asakohs
1
200
Sunny Day Storyboard
ctagulao98
0
190
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
Build your cross-platform service in a week with App Engine
jlugia
227
17k
Clear Off the Table
cherdarchuk
89
320k
Leading Effective Engineering Teams 2024
addyosmani
3
300
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
Creatively Recalculating Your Daily Design Routine
revolveconf
214
11k
The Invisible Side of Design
smashingmag
294
50k
Documentation Writing (for coders)
carmenintech
63
4.2k
Statistics for Hackers
jakevdp
792
220k
Fantastic passwords and where to find them - at NoRuKo
philnash
42
2.7k
Designing for Performance
lara
604
67k
Fireside Chat
paigeccino
25
2.8k
Transcript
SKETCHNOTING CREATIVE NOTES FOR TECHNICAL CONTENT Jessica Eldredge Front End
Developer, Shopify @jessabean
What is sketchnoting?
Visual notetaking.
Jessica Eldredge // jessica-eldredge.com
Jessica Eldredge // jessica-eldredge.com
Mike Rohde // rohdesign.com
Jessica Eldredge // jessica-eldredge.com DHH!
Live vs. later.
Veronica Erb // veronicaerb.com
Sacha Chua // sachachua.com
Daniel Kirsch // kirelabs.org
Why sketchnote?
Inspiration in analog.
Focus.
Improve memory.
It’s just fun!
But…I can’t draw!
None
Jessica Eldredge // jessica-eldredge.com
None
How to sketchnote
–MARY OLIVER, “SOMETIMES” “Instructions for living a life: Pay attention.
Be astonished. Tell about it.” sketchnoting
Pay attention
It’s not about drawing. It’s about listening.
Follow the speaker, not the slides.
Listen for key points.
Live coding: don’t do it.
Use post-it notes to retain ideas.
Be astonished
Capture what stands out to you.
Carolyn Sewell // carolynsewell.com
Jessica Eldredge // jessica-eldredge.com
Jokes. Quotes. F-bombs!
Erin Hawkins // erinmchardy.com
Create your visual language.
Eva-Lotta Lamm // evalotta.net
Sometimes the content still doesn’t stick…
None
Tell about it
Share your notes.
Speakers will be grateful.
People will be wowed.
Some practical tips
Get comfortable.
Slow down.
Play with layouts.
Nirish Shakya // http://happinessisanexperience.com/
Paul Soupiset // projeqt.com/soupiset
Add the decoration last.
Embrace mistakes.
Jessica Eldredge // jessica-eldredge.com
Practice makes better
Practice with TED talks, meetings, reality TV.
Jessica Eldredge // jessica-eldredge.com
Craighton Berman // http://studio.craightonberman.com/
Get “inspired” (copy).
None
None
I can’t draw!
But you can sketchnote.
! GO TAKE SOME NOTES! ! Jessica Eldredge, Shopify !
@jessabean http://speakerrate.com/jessabean