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
430
Front End Badassery with Sass
jessabean
9
390
Other Decks in Design
See All in Design
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
240
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
350
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
120
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
200
The Spectacular Lies of Maps
axbom
PRO
1
260
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
420
7 Core Values of Round-L
wired888
0
1.5k
harutaka Vision Deck
zenkigenforrecruit
0
200
portfolio.pdf
onof003
0
150
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
170
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
110
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
300
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
339
57k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
The Cult of Friendly URLs
andyhume
79
6.6k
Scaling GitHub
holman
463
140k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Producing Creativity
orderedlist
PRO
347
40k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
The Invisible Side of Design
smashingmag
301
51k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Six Lessons from altMBA
skipperchong
28
4k
Rails Girls Zürich Keynote
gr2m
95
14k
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