the power of visual notetaking :: xyc @singularityu [tue jul 9, 2014]

83
INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Ulc te pwr o ifrain wt Vsa Nttkn Wloe! Kate Rutter @katerutter Sketchnoter & Graphic Recorder Tuesday, July 8, 2014

Upload: kate-rutter

Post on 21-Apr-2017

23.000 views

Category:

Education


0 download

TRANSCRIPT

Page 1: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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!

Kate Rutter @katerutter • Sketchnoter & Graphic Recorder • Tuesday, July 8, 2014

Page 2: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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 t%t&l

Page 3: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

• 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

Page 4: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

• I"t!o /o v#s)a& n(t%s

• r$p#d-r(u"d0

•p!a1t#c% s%s0i(n

• g$l&e!y & c!i'i2u%

•N%x' s'e,s

W!a' w"’l) d%

Page 5: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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-?

v(s/a0 n't!-t.k(n)?

Page 6: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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 :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

Page 8: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Kate Rutter for Great Work MBA

Page 9: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Kate Rutterfor Lippincott Customer Experience Event

Page 10: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Kate Rutter for Code for America

Page 11: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

W!y?• c!p#u/e & r"m"m0e/ i1e!s

• O/g!n%z" 2n#o s#r(c#u/e

• h%g,l%g,t e3o#i*n!l c*n#e&t

• v%s(a)l4 e&g!g%n5 & m"m*r!b)e

• s,a/e & c"l"b/a#e

Page 12: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

W,e& I 6a+e n*t"s v%s(a)l4, I

g* 7a8k 9v"r 6h"m :o/e

o;t"n, <n1 =m >b)e ?o r"c!l)

t,e i1e!s :o/e c)e!r)y.

“~ M$r#a M$r#a"o

s*e'c+n(t%r

Page 13: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

S*e'c+n(t#n3 B$s#c0

I*t(o

Page 14: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

T!e b&s#c+...

Page 15: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

Page 16: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Doug Neillhttp://www.thegraphicrecorder.com

Page 17: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Page 18: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

Page 19: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

Page 20: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Mike Rohde

Page 21: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Carolyn Sewellhttp://www.carolynsewell.com/Sketchnotes

Page 22: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

Page 23: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

C'm#o- m.t!r(a0s

Gray marker or pencil

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

Page 24: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

G"o0-e!o*g$ m,t%r)a+s

Page 25: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

q)i1k a1t#v#t4 /o 5e'

y(u! 6a"d m(v#n3.

w&r,-u-s

Page 26: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Page 27: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

37 s%c(n-s

Page 28: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

• l%t'e!i"g

• m(o-w(r-s

• t+i"g0

• i-e$s

r&p#d r%u*d+

Page 29: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Page 30: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

5 f.o' 1b!s"c • s#r"f •$d%u&l# • b'b&l# •$b(o)k

L!t%e*i-g

Page 31: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

b!s"c

s#r"f

d%u&l#

b'b&l#

b(o)k

Page 32: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

17 s%c(n-s

b!s"c

t!l(

w"d#

Page 33: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

m'o,w'r,s

Page 34: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

27 s%c(n-s

Page 35: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

surprise!

Page 36: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

wild

Page 37: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

sleepy

Page 38: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

unique

Page 39: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

p!o+l!(pssst: we didn’t cover this in

the workshop, but it’s helpful...)

Page 40: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

S(a. p%o/l%

Page 41: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

S(a. p%o/l%

Page 42: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

M"r% e1a'p+e2 i!

t$i2 s%t o& v)d%o2...

http://bit.ly/sketchingpeopl

e

Page 43: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

smilefrown

up brows

neutral

down brows

no brows

add a mouth...

add eyebrow

s...

E1p.e2s)o!s m,t.i1

Page 44: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

t&i-g1

Page 45: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Page 46: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

18 s%c(n-s

Page 47: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

smart phone

Page 48: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

clouds

Page 49: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

umbrella

Page 50: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

globe

Page 51: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

hammer

Page 52: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

bicycle

Page 53: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

i,e.s

Page 54: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

27 s%c(n-s

Page 55: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

great idea

Page 56: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

balance

Page 57: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

adapt

Page 58: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

play

Page 59: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

share

Page 60: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

success

Page 61: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

B)t 9r0t, :o;e t#p0...P(a.t#c" S"s+i

%n

Page 62: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

• l#n%a!, v%r'i1a&

• r$d#a& & p$t+

• m(d)l$r & p(p1o!n

L,y"u(s

Page 63: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

linear vertical

Page 64: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Jessica Eldredgehttp://www.flickr.com/photos/jessabean/8705360625 l#n"a(

v"r'i.a)

Page 65: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

radial

Page 66: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Jason Aldermanhttp://www.flickr.com/photos/jalderman/10039867503 r&d#a)

Page 67: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

path

Page 68: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

p&t!

Page 69: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

modular

Page 70: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

Page 71: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Scott Torrencehttp://www.flickr.com/photos/100566070@N06/9727471316 m%d$l&r

Page 72: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

m%d$l&r

Page 73: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

popcorn

Page 74: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Timothy Reynoldshttp://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/ p%p.o(n

Page 75: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

P(a.t#c" S"s+i%n

Page 76: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

http://www.ted.com/talks/geoff_mulgan_a_short_intro_to_the_studio_school.html

6:1@ m%n

• title of talk

• speaker name

(& portrait)

• event

• date• your name +

contact

T/D t&l0 }

Page 77: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

F#n#s! u-...

Geoff Mulgan at TEDglobal, October 2011

• title of talk

• speaker name (& portrait)

• event

• date

• your name + contact

A1d: e,p!a+i+, t2p" s'y)e+,

c%n*e.t%r+, f(a,e+,

d"p'h, c%l%r....

A short intro to the Studio School

http://www.ted.com/talks/geoff_mulgan_a_short_intro_to_the_studio_school.html

Page 78: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

G,l+e.y & C.i(i3u%a&t%r w% e!d!

Page 79: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

f$r'h"r e3p)o(a'i%n+

Page 80: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

P%o/l% t" f"l+o4S!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&o0e

h!t"://g'o/e.c%m

D-v% G&a'h!t"://w0w.d1v&g'a(i-f%.c%m

@d1v&g'a(

S-c#a C#u-

h!t"://s1c$a2h,a.c%m

@s1c$a2h,a

A1e2i3 F(n4h

h!t"://g'a"h3t&m3n).c%m

@a+e-t4n

A*s"i+ K1e$n

h!t"://a,s!i-k5e%n.c%m

@a,s!i-k5e%n

E0a L$t"a-L-m5

h!t"://w0w.e/a5o!t1.n&t

@e/a5o!t2h&n

Page 81: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

M"r% v)z t$i!k r%s"u.c%s...

Page 82: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

s/e5i,l o6e.!

t$a-k* 6o 7i#e 8o' 9h&

d3s2o,n! c%d&!

Page 83: The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

T$a!k2!@k,t%r*t(e.h(t/://i!t%l+e(o.c"m