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.3k
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
320
Prototyping Layout with CSS Grid - Refresh DC
jessabean
1
420
Front End Badassery with Sass
jessabean
9
390
Other Decks in Design
See All in Design
株式会社Muture_ソーシャル推進事業
muture
PRO
0
100
AIで加速するアクセシビリティのこれから
magi1125
3
580
7 Core Values of Round-L
wired888
0
360
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
The Golden Whitney
ohtristanart
PRO
0
560
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
340
デザイナーとPMの両ロール_3つのポイント
toy1618
1
340
線で考える画面構成
natsuume
1
880
AI動画生成ガチャ紹介
piyo7
1
140
portfolio_YumiYasuda
yum0418
0
300
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
150
NAHO SHIMONO_Portfolio2025
nahohphp
0
910
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
7
330
Designing Experiences People Love
moore
142
24k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
We Have a Design System, Now What?
morganepeng
53
7.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
282
13k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Docker and Python
trallard
45
3.5k
Site-Speed That Sticks
csswizardry
10
700
The Language of Interfaces
destraynor
158
25k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
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