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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Ulc te pwr o

ifrain wt Vsa

Nttkn

Wloe!

San Francisco

Design Week 2014

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

• Ito o vsa nts

• rpd-rud

•patc ssin

• gley & ciiu

•Nx ses

Wa w’l d

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Wo’s hr?• nm

• ps eprec ih

vsa nts / secig

• fvrt sproe

5 mnts

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

• Picpl, Itleo.cm

• C-Fudr, Lx.c

• Secntr, gahc rcre

• Eternusi + U

Kt Rte

@ktrte

ht://itleo.cm

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

secntn?

gahc rcrig?

gahc fcltto?

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Kate Rutter for Great Work MBA

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Kate Rutterfor Lippincott Customer Experience Event

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Kate Rutter for Code for America

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Wy?• cpue & rmme ies

• vsal eggn & mmrbe

• hglgt eoinl cnet

• Ognz no srcue

• Sae & clbae

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

I 1n ht hn I ae nts

vsal, I o ak vr hm

mr otn, n m be o

rcl h ies oe cery.

““

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Wa t epc

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Secntn Bsc

Ito

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Te bsc...

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Doug Neillhttp://www.thegraphicrecorder.com

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Alexis Finchhttp://www.flickr.com/photos/agentfin/8721881140/in/set-72157633702488134/

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Maria Marianohttps://medium.com/@mbfmariano/7e847855b27b

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Mike Rohde

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Cmo mtras

Gray marker or pencil

Gel pens (.3 / .5 / .7) Unlined Moleskine

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Go-eog mtras

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Eeyn gt

mtras?

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

qik atvt o e

yu ad mvn.

wr-us

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

3 scns

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

3 scns

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

• lteig

• mowrs

• pol

• tig

• ies

rpd rud

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

5 fo 1bsc • srf • dul • bbl • bok

Lteig

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

bsc

srf

dul

bbl

bok

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

2 scns

bsc

tl

wd

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

mowrs

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

2 scns

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

sleepy

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

wild

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

terrifying

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

bitter

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

surprise!

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

unique

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

pol

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Sa pol

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Sa pol

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

smilefrown

up brows

neutral

down brows

no brows

add a mouth...

add eyebrow

s...

Epesos mti

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

pol & epesos

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

“When’s the

next shuttle?”

1 scns

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

“Actually, I’m happy you’re miserable.”

1 scns

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

“I’m sorry I took the last

donut.”

1 scns

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

“Huzzah! You got that

awesome job!”

1 scns

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

tig

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

1 scns

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

coffee cup

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

smart phone

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

clouds

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

laptop

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

hammer

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

anchor

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

umbrella

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

globe

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

key

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

ies

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

2 scns

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

great idea

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

balance

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

adapt

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

capture

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

share

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

success

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Bt <rt, oe tp...Patc Ssin

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

• lna, vria & sycae

• rda & pt

• mdlr & ppon

Lyus

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

linear vertical

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

skyscraper

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Jessica Eldredgehttp://www.flickr.com/photos/jessabean/8705360625 lna

vria

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

radial

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Jason Aldermanhttp://www.flickr.com/photos/jalderman/10039867503 rda

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

path

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Alexis Finchhttp://www.flickr.com/photos/agentfin/10986121516/in/set-72157637923005334

pt

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

modular

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

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

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Scott Torrencehttp://www.flickr.com/photos/100566070@N06/9727471316 mdlr

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Carolyn Sewellhttp://www.flickr.com/photos/pedestriantype/8741556545

mdlr

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

popcorn

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Timothy Reynoldshttp://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/ ppon

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Kate Rutterhttp://intelleto.com/2013/11/18/sketchnotes-get-traction-nir-eyal/ ppon

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Patc Ssin

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

TD tl }https://www.ted.com/talks/david_kelley_how_to_build_your_creative_confidence#t-399414

11:43 min

• tte f tl

• sekr ae

(& prri)

• eet

• dt

• or ae +

cnat

David Kelley at TED, March 2012

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Fns u...https://www.ted.com/talks/david_kelley_how_to_build_your_creative_confidence#t-399414

David Kelley at TED, March 2012

• tte f tl

• sekr ae (& prri)

• eet

• dt

• or ae + cnat

Ad: epai, tp sye,

cnetr, fae,

dph, clr....

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Gley & Ciiu

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

frhr epoain

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Ji te meu:ht://ww.meu.cm/Secnts-S/

@secntsF

Secnt Mrig

Eey Tusa mrig 8-9m

a h Ebraeo.

Mnhy Meu

Srcue meu ssin a

lt ie hs wrso.

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Pol t floSecnt Am

ht://secntam.cm/

Mk Rhe

ht://rhein.cm

@roein

Sni Bon

ht://snirw.cm

@snirw

Dvd Sbe @ h Goe

ht://goe.cm

Dv Gaht://ww.dvgaif.cm

@dvga

Sca Cu

ht://scaha.cm

@scaha

Aei Fnh

ht://gahtmn.cm

@aet>n

Asi Ken

ht://asiken.cm

@asiken

Ea Lta-Lm

ht://ww.eaot.nt

@eaothn

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Mr vz tik rsucs...

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

seil offe!

tak o ie o h

dson cd!

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

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Tak!@ktrteht://itleo.cm


Recommended