The Power of Visual Notetaking :: SF Design Week, General Assembly [Tue Jun 17, 2014]

INTRO TO VISUAL NOTETAKING | JUN 17, 2104
Ulc te pwr o
ifrain wt Vsa
Nttkn
Wloe!
San Francisco
Design Week 2014

•Ito o vsa nts
•rpd-rud
•patc ssin
•gley & ciiu
•Nx ses
Wa w’l d

Wo’s hr?
•nm
•ps eprec ih
vsa nts / secig
•fvrt sproe
5 mnts

• Picpl, Itleo.cm
• C-Fudr, Lx.c
• Secntr, gahc rcre
• Eternusi + U
Kt Rte
@ktrte
ht://itleo.cm

secntn?
gahc rcrig?
gahc fcltto?

Kate Rutter
http://intelleto.com/2013/09/24/sketchnotes-from-napkin-
academy-live-the-presenters-journey-with-dan-roam/

Kate Rutter
http://intelleto.com/portfolio/sketchnotes-service-experience-
conference-2013/

Kate Rutter for Great Work MBA

Kate Rutter
http://intelleto.com/2013/10/15/sketchnotes-from-design-
thinking-meetup-with-audrey-crane/

Kate Rutter
for Lippincott Customer Experience Event

Kate Rutter for Code for America

Wy?
• cpue & rmme ies
• vsal eggn & mmrbe
• hglgt eoinl cnet
• Ognz no srcue
• Sae & clbae

I fin ht hn I ae nts
vsal, I o ak vr hm
mr otn, n m be o
rcl h ies oe cery.
“
“

Wa t epc

Secntn Bsc
Ito

Te bsc...

Doug Neill
http://www.thegraphicrecorder.com/2013/08/12/
sketchnotes-of-austin-kleons-creative-mornings-talk-
on-showing-your-work/

Doug Neill
http://www.thegraphicrecorder.com

Alexis Finch
http://www.ﬂickr.com/photos/agentﬁn/8721881140/in/
set-72157633702488134/

Sacha Chua
http://sachachua.com/blog/2012/12/visual-book-notes-best-
practices-are-stupidstephen-m-shapiro/

Maria Mariano
https://medium.com/@mbfmariano/7e847855b27b

Mike Rohde

Cmo mtras
Gray marker or pencil
Gel pens (.3 / .5 / .7) Unlined Moleskine

Go-eog mtras

Eeyn gt
mtras?

qik atvt o e
yu ad mvn.
wr-us

3 scns

• lteig
• mowrs
• pol
• tig
• ies
rpd rud

5 fo 1
bsc • srf • dul • bbl • bok
Lteig

bsc
srf
dul
bbl
bok

2 scns
bsc
tl
wd

mowrs

2 scns

sleepy

wild

terrifying

bitter

surprise!

unique

pol

Sa pol

smile
frown
up brows
neutral
down
brows
no brows
add a mouth...
add eyebrows...
Epesos mti

pol &
epesos

“When’s the
next shuttle?”
1 scns

“Actually, I’m
happy you’re
miserable.”
1 scns

“I’m sorry I
took the last
donut.”
1 scns

“Huzzah! You
got that
awesome job!”
1 scns

tig

1 scns

coffee cup

smart phone

clouds

laptop

hammer

anchor

umbrella

globe

key

ies

great idea

balance

adapt

capture

share

success

Bt firt, oe tp...
Patc Ssin

• lna, vria & sycae
• rda & pt
• mdlr & ppon
Lyus

linear vertical

skyscraper

Jessica Eldredge
http://www.ﬂickr.com/photos/jessabean/8705360625
lna
vria

radial

Jason Alderman
http://www.ﬂickr.com/photos/jalderman/10039867503
rda

path

Alexis Finch
http://www.ﬂickr.com/photos/agentﬁn/10986121516/in/set-72157637923005334
pt

modular

Stephani Batchetti
://www.core77.com/blog/sketchnotes/
sketchnotes_of_iit_institute_of_designs_design_research_
conference_2013_by_stefani_bachetti_25727.asp
modular

Scott Torrence
http://www.ﬂickr.com/photos/100566070@N06/9727471316
mdlr

Carolyn Sewell
http://www.ﬂickr.com/photos/pedestriantype/8741556545
mdlr

popcorn

Timothy Reynolds
http://www.ﬂickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/
ppon

Kate Rutter
http://intelleto.com/2013/11/18/sketchnotes-get-traction-nir-eyal/
ppon

Patc
Ssin

TD tl }
https://www.ted.com/talks/
david_kelley_how_to_build_your_creative_conﬁdence
#t-399414
11:43 min
• tte f tl
• sekr ae
(& prri)
• eet
• dt
• or ae +
cnat
David Kelley at TED, March 2012

Fns u...
https://www.ted.com/talks/
david_kelley_how_to_build_your_creative_conﬁdence
#t-399414
David Kelley at TED, March 2012
• tte f tl
• sekr ae (& prri)
• eet
• dt
• or ae + cnat
Ad: epai, tp sye,
cnetr, fae,
dph, clr....

Gley & Ciiu

frhr
epoain

Ji te meu:
ht://ww.meu.cm/Secnts-S/
@secntsF
Secnt Mrig
Eey Tusa mrig 8-9m
a h Ebraeo.
Mnhy Meu
Srcue meu ssin a
lt ie hs wrso.

Pol t flo
Secnt Am
ht://secntam.cm/
Mk Rhe
ht://rhein.cm
@roein
Sni Bon
ht://snirw.cm
@snirw
Dvd Sbe @ h Goe
ht://goe.cm
Dv Ga
ht://ww.dvgaif.cm
@dvga
Sca Cu
ht://scaha.cm
@scaha
Aei Fnh
ht://gahtmn.cm
@aetfin
Asi Ken
ht://asiken.cm
@asiken
Ea Lta-Lm
ht://ww.eaot.nt
@eaothn

Mr vz tik rsucs...

seil oﬀe!
tak o ie o h
dson cd!

Tak!
@ktrte
ht://itleo.cm

The Power of Visual Notetaking :: SF Design Week, General Assembly [Tue Jun 17, 2014]

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

More from Kate Rutter

More from Kate Rutter (20)

Recently uploaded

Recently uploaded (20)

The Power of Visual Notetaking :: SF Design Week, General Assembly [Tue Jun 17, 2014]