the power of visual notetaking :: xyc @singularityu [tue jul 9, 2014]
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.TRANSCRIPT
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