whiteboard warrior @ the d.school 1/31/15

#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._________________________________________