View
1.041
Download
0
Category
Preview:
Citation preview
#nn2ww Saturday, January 31, 2015
Notebook Neophyte to Whiteboard Warrior
today10: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 basicsYou 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 ti
c 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 movementDerek Sivers at TED 2010, February 2010
TED Talk 4 minutesAdd: 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 movementDerek 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
groupdiscussion
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 followSketchnote Armyhttp://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._________________________________________
Recommended