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]

Recommandé

Contenu connexe

En vedette

En vedette (20)

Plus de Kate Rutter

Plus de Kate Rutter (20)

Dernier

Dernier (20)

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