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
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.5k
佐藤千晶|ポートフォリオ
chimi_chia
0
170
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
490
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
150
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
550
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
400
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
490
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
Installing and Running decksh/pdfdeck
ajstarks
1
860
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
850
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
340
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
640
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Become a Pro
speakerdeck
PRO
29
5.5k
Thoughts on Productivity
jonyablonski
70
4.9k
Documentation Writing (for coders)
carmenintech
75
5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Optimizing for Happiness
mojombo
379
70k
Balancing Empowerment & Direction
lara
4
680
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
960
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
KATA
mclloyd
32
15k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
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