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
300
Prototyping Layout with CSS Grid - Refresh DC
jessabean
1
370
Front End Badassery with Sass
jessabean
9
370
Other Decks in Design
See All in Design
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1k
Design System for training program
mct
0
300
最速[要出典]アクセシビリティチェック
magi1125
2
130
TUNAG BOOK 2024
stmn
0
380
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
270
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
240
202409_会社概要資料_Englishver.pdf
zakkerooni
0
210
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
180
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
210
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
330
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
450
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
300
Featured
See All Featured
Site-Speed That Sticks
csswizardry
2
190
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Building Applications with DynamoDB
mza
91
6.1k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
A Philosophy of Restraint
colly
203
16k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Writing Fast Ruby
sferik
628
61k
Making the Leap to Tech Lead
cromwellryan
133
9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
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