Whiteboard Warrior at the Stanford d.school 2/14/15

  • View
    335

  • Download
    1

  • Category

    Design

Preview:

Citation preview

#nn2ww Saturday, February 14 ♥ 2015

Notebook Neophyte to Whiteboard Warrior

Welcome!Let’s get to know each other...

todayMorning! ! Build your graphic vocabulary Pieces & Parts Practice! !!

12:00! ! ! ! Lunch! !

Afternoon!! Putting it all together Practice! Perspectives

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

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

sleek

rugged

frisky

smash

unique

things rubber stamps

Use rubber stamps.

Bill Verplank

20 seconds

boom box

picnic

flipflops

crowd

acorn

dancer

ideas rubber stamps

Use rubber stamps.

Bill Verplank

30 seconds

bright idea

participate

lonely

help

join

leadership

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

speed-sketch 10

starpeople!1 minute

people

faces 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

connectors frames dividers arrowsdemo

connectors

frames sketch-a-long

connectors

dividers sketch-a-long

connectors

arrows sketch-a-long

transforma list!

5 minutes

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”

put it all together

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

Alexis Finch!http://www.flickr.com/photos/agentfin/10986121516/in/set-72157637923005334

path

Scott Torrence!http://www.flickr.com/photos/100566070@N06/9727471316

modular

Timothy Reynolds!http://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/

popcorn

TED Talk practice

1

10 minutes

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 type styles, rubber stamps, connectors, frames, tombow, 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

Listenwith a pen

2

10 minutes

3 minutes to record 2 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.

listen with a pen

Talkwith a pen

3

10 minutes

3 minutes to explain 2 minutes to reflect

talk with a pen• 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.

What’s behind all this?

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)

types of visual notes

LargeSmall

Solo Collaborative

For You For Others

How big are you working?

Who’s doing it?

Who’s your audience?

sketchnoting

LargeSmall

Solo Collaborative

For You For Others

How big are you working?

Who’s doing it?

Who’s your audience?

graphic recording

LargeSmall

Solo Collaborative

For You For Others

How big are you working?

Who’s doing it?

Who’s your audience?

graphic facilitation

LargeSmall

Solo Collaborative

For You For Others

How big are you working?

Who’s doing it?

Who’s your audience?

co-drawing

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 ___________.”

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

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

Who’s your

“For me, visual communication is for _____________________________________________________________.”

Ideas I want to communicate visually:

1.

____________________________________________

___

2. #nn2ww | d.school pop-up workshop | Feb 14, 2015

Sketchnote Layouts

linear radial

modular

vertical

path popcorn

Recommended