#nn2ww
Saturday, January 31, 2015
Notebook Neophyte to
Whiteboard Warrior
today
10:00-11:30! Building your graphic vocabulary
11:30-12:15! Lunch
12:15-2:00!! Putting it all together
why visual notetaking?!
externalize and clarify ideas
communicate with others
get in a different groove
be super cool
our goals for you!
be confident with visual notes
know how to develop your skills
Simplify to amplify.
– Michael Barry
Use rubber stamps.
– Bill Verplank
Gray marker or pencil
Gel pens (.3 / .5 / .7) Unlined Moleskine
Common materials
Good-enough
materials
Everyone got
materials?
warm-ups
quick activity to
get your hands
moving.
30 seconds
rapid rounds
lettering
things & ideas
people & faces
basic • serif • double • bubble • block
lettering
5 from 1
basic
serif
double
bubble
block
basic
tall
wide
30 seconds
moodwords
lettering
20 seconds
bouncy
surprise!
rough
sleepy
smash
unique
rubber
stamps
things
20 seconds
coffee cup
smart phone
hammer
anchor
globe
bicycle
rubber
stamps
ideas
30 seconds
bright idea
balance
collaborate
adapt
share
success
collaborative
pictionary
tooth people
sketch-a-long
people
5 minutes
speed-
sketch 50
toothpeople!
1 minute
star people
sketch-a-long
people
5 minutes
star people basics
You can draw a person in 4 simple steps....
in context
speed-
sketch 10
starpeople!
1 minute
people
expressions
sketch-a-long
smile frown
up brows
neutral
down
brows
no brows
add a mouth...
add eyebrows...
Expressions matrix
basic face
shape; no hair
eyes are dots
in the middle
a nose is a
little tic mark
mouths have
small check tics
and an under
lip line
heads step-by-step
heads step-by-step
adding hair
sets the
personality
necks and
necklines
complete the
picture
speed-
sketch a
partner!
1 minute
putting it all together
2 minutes
scenes
rapid rounds
scenes
10 seconds
a group of fans
cheering for
the SF Giants!
“I’m sorry I took
the last donut.”
a group of
students in a
highly charged
conversation
“Actually, I’m
happy you’re
miserable.”
lunch challenge
Our lunch homework:
100 drawings on post-its.
45 minutes
“I want to take better notes”
“I want to lead better brainstorms”
“I want to explain things better

as a TA”
“I want to be more
persuasive in groups”
“I want a new way to articulate
ideas”
“I want to be less shy about
drawing in front of others”
LargeSmall
Solo Collaborative
For You For Others
How big are you working?
Who’s doing it?
Who’s your audience?
(i.e. the person or
group of people
creating the sketch)
(i.e. people not in the
room, not involved in
creating)
LargeSmall
Solo Collaborative
For You For Others
How big are you working?
Who’s doing it?
Who’s your audience?
sketchnoting
sketchnote
practice
frames
dividers
connectors
elements
demo
linear & vertical
radial & path
modular
popcorn
layouts
linear
 vertical
Jessica Eldredge!
http://www.flickr.com/photos/jessabean/8705360625
radial
Jason Alderman!
http://www.flickr.com/photos/jalderman/10039867503
path
Alexis Finch!
http://www.flickr.com/photos/agentfin/10986121516/in/set-72157637923005334
modular
Scott Torrence!
http://www.flickr.com/photos/100566070@N06/9727471316
Carolyn Sewell!
http://www.flickr.com/photos/pedestriantype/8741556545
popcorn
Timothy Reynolds!
http://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/
http://www.ted.com/talks/derek_sivers_how_to_start_a_movement
• title of talk!
• speaker name

(& portrait)!
• event!
• date!
• your name + 

contact
TED Talk 4 minutes
How to start a movement

Derek Sivers at TED 2010, February 2010
TED Talk 4 minutes
Add: emphasis, type styles,
connectors, frames, depth,
color....
Again!
http://www.ted.com/talks/derek_sivers_how_to_start_a_movement
• title of talk!
• speaker name

(& portrait)!
• event!
• date!
• your name + 

contact
How to start a movement

Derek Sivers at TED 2010, February 2010
collaborative
critique
How do YOU
want to use visual
communication?
LargeSmall
Solo Collaborative
For You For Others
How big are you working?
Who’s doing it?
Who’s your audience?
“For me, visual communication is for ___________.”
visual
explanations
30 minutes
Large
Collaborative
Small
Solo
For You For Others
Large
Collaborative
Small
Solo
For You For Others
explain record
• Identify a concept that is hard to communicate to
others.
• Use either your notebook or a whiteboard to explain
it visually to a partner.
• You can talk while you draw, or draw before you talk.
• Reflect together when you are done.
Large
Collaborative
Small
Solo
For You For Others
3 minutes to explain
2 minutes to reflect
explain
Large
Collaborative
Small
Solo
For You For Others
3 minutes to explain
3 minutes to reflect
• Ask your partner to tell you about something that is
important to him or her.
• Use either your notebook or a whiteboard to record
while your partner talks.
• Reflect together when you are done.
record
group

discussion
For the next 2 weeks, carry your sketchbook
everywhere.
!
When you want to reach for your phone to fill time,
try reaching for your sketchbook instead.
!
When you do a crappy drawing, try drawing it 3
more times until you like it.
!
Post your drawings with #nn2ww!
what’s next?
http://whiteboardwarrior.org
More sketchnote resources
the Back of the Napkin!
by Dan Roam
Sketching User Experiences: The Workbook

by Saul Greenberg,Sheelagh Carpendale,
Nicolai Marquardt, Bill Buxton
http://whiteboardwarrior.org!
http://sketchnotearmy.com/
http://www.meetup.com/Sketchnotes-SF/
More vizthink resources
People to follow
Sketchnote Army

http://sketchnotearmy.com/
!
Mike Rohde
http://rohdesign.com
@rhodesign
!
Sunni Brown
http://sunnibrown.com
@sunnibrown
!
David Sibbet @ the Grove
http://grove.com
!
Dave Gray
http://www.davegrayinfo.com
@davegray
Sacha Chua
http://sachachua.com
@sachachua
!
Alexis Finch
http://graphitemind.com
@agentfin
!
Austin Kleon
http://austinkleon.com
@austinkleon
!
Eva Lotta-Lamm
http://www.evalotta.net
@evalottchen
I like...
I wish...
I wonder...
Thank you!
Group photo!!!
Feedback!
http://bit.ly/popupfeedbackwinter15
Hang out!
KateMolly
Notebook Neophyte to Whiteboard Warrior!
Saturday, January 31 & February 14, 2015
@mollyclare
http://molly.is/here
@katerutter
http://intelleto.com
handouts
LargeSmall
Sol Collaborative
For You For Others
How big are you working?
Who’s doing it?
Who’s your audience?
“For me, visual communication is for ___________

____________________________________________
______.”
Ideas I want to communicate visually:
1.___________________________________________
2._________________________________________




Whiteboard Warrior @ the d.school 1/31/15