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
310
Prototyping Layout with CSS Grid - Refresh DC
jessabean
1
410
Front End Badassery with Sass
jessabean
9
390
Other Decks in Design
See All in Design
Les petites aventures de CSS, saison 2025
goetter
3
4k
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
290
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
310
LLMによるRAG評価用合成テストデータの生成
licux
6
1.1k
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
390
マズロー安達の弟子2期生、成功事例集(17人中17人が3ヶ月平均140万受注)
maslow_akkun
0
4.9k
クライアントワークにおける UXリサーチの実践
kozotaira
0
650
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
650
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
300
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
230
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
140
An Early Spring | Storyboard | Scenes 1-18
giofortuna_story
0
240
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
245
12k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
25
2.8k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Building Adaptive Systems
keathley
41
2.6k
How to Ace a Technical Interview
jacobian
276
23k
Why Our Code Smells
bkeepers
PRO
336
57k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.6k
Optimizing for Happiness
mojombo
378
70k
How GitHub (no longer) Works
holman
314
140k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.4k
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