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

Preview:

DESCRIPTION

Visual note-taking is a powerful tool for design professionals who want to capture ideas and communicate them effectively. Known as sketchnoting or graphic recording, this practical technique enables you to capture key points of an idea, recall content and take action on new learnings. Whether used as a personal tool or as a facilitation method for group collaboration, visual notes are a powerful way to create memorable, engaging info summaries. In this hands-on workshop, participants in the XYC youth summer program developed a visual vocabulary of images of things and concepts, learned simple lettering techniques, and got familiar with structuring information into common layout patterns. Then they brought it all together by capturing visual notes in real time from video, and got feedback and inspiration in a group critique. If you're new to visual notetaking, this is a fun and fast way to get started. If you're a seasoned sketcher or visual note-taker, you can review this deck to advance your practice.

Citation preview

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

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

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

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%

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

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/

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Kate Rutter for Great Work MBA

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Kate Rutterfor Lippincott Customer Experience Event

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Kate Rutter for Code for America

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

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

I*t(o

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

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/

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Doug Neillhttp://www.thegraphicrecorder.com

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

Mike Rohde

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

37 s%c(n-s

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+

INTRO TO VISUAL NOTETAKING | JUL 8, 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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

b!s"c

s#r"f

d%u&l#

b'b&l#

b(o)k

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

17 s%c(n-s

b!s"c

t!l(

w"d#

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

m'o,w'r,s

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

27 s%c(n-s

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

surprise!

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

wild

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

sleepy

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

unique

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

S(a. p%o/l%

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

S(a. p%o/l%

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

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

t&i-g1

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

18 s%c(n-s

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

smart phone

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

clouds

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

umbrella

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

globe

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

hammer

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

bicycle

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

i,e.s

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

27 s%c(n-s

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

great idea

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

balance

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

adapt

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

play

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

share

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

success

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

%n

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

linear vertical

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

v"r'i.a)

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

radial

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

path

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

p&t!

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

modular

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

m%d$l&r

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

popcorn

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

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 }

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

s/e5i,l o6e.!

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

d3s2o,n! c%d&!

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

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