#nn2wwSaturday, Oct 25 & Nov 1, 2014

N!t"b!o# N"o$h%t" t!W&i'e(o)r* W)r+i!r

today10:00-11:30! Building your graphic vocabulary11:30-12:15 Lunch12:15-2:00 Putting it all together

why visual notetaking?externalize and clarify ideascommunicate with othersget in a different groovebe super cool

our goals for yoube 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?

w)r,-u$s

quick activity to get your hands

moving.

30 seconds

r)p-d r!u.d/

lettering things & ideaspeople & faces

b!s"c • s#r"f •$d%u&l# • b'b&l# •$b(o)k

lettering

5 f+o, 1

b!s"c

s#r"f

d%u&l#

b'b&l#

b(o)k

b!s"c

t!l(

w"d#

30 seconds

m!o*w!r*s lettering

20 seconds

bouncy

surprise!

rough

sleepy

smash

unique

Use rubber stamps.– Bill Verplank

r0b(e+ s'a,p/

things

20 seconds

coffee cup

smart phone

hammer

anchor

globe

bicycle

r0b(e+ s'a,p/

ideas

30 seconds

bright idea

balance

collaborate

adapt

share

success

c!l1a(o+a'i2e p-c'i!n)r%

t!o'h p"o$l"s#e'c&-a-l!n3

people

s'a+ p"o$l"s#e'c&-a-l!n3

people

http://bit.ly/sketchingpeople

More examples in this set of videos...

people

e4p+e/s-o.ss#e'c&-a-l!n3

smile frown

up brows

neutral

down brows

no brows

add a mouth...

add eyebrows...

Expressions matrix

people

h"a*ss#e'c&-a-l!n3

30 seconds

a group of fans cheering for

the SF Giants!

“I’m sorry I took the last donut.”

3 students studying and one has a huge crush on another one.

“Actually, I’m happy you’re miserable.”

l0n5h c&a1l"n3e

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

s#e'c&n!t" p+a5t-c"

framesdividers

connectors

e1e,e.t/

d"m!

linear & verticalradial & path

modular popcorn

l)y!u's

linear vertical

Jessica Eldredgehttp://www.flickr.com/photos/jessabean/8705360625

radial

Jason Aldermanhttp://www.flickr.com/photos/jalderman/10039867503

path

Alexis Finchhttp://www.flickr.com/photos/agentfin/10986121516/in/set-72157637923005334

modular

Scott Torrencehttp://www.flickr.com/photos/100566070@N06/9727471316

Carolyn Sewellhttp://www.flickr.com/photos/pedestriantype/8741556545

popcorn

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

http://www.ted.com/talks/julian_treasure_how_to_speak_so_that_people_want_to_listen#t-370235

• title of talk• speaker name (& portrait)• event• date• your name + contact

TED Talk 10 minutes

How to speak so that people want to listenJulian Treasure at TEDglobal, February 2013

http://www.ted.com/talks/julian_treasure_how_to_speak_so_that_people_want_to_listen#t-370235

• title of talk• speaker name (& portrait)• event• date• your name + contact

TED Talk 10 minutes

How to speak so that people want to listenJulian Treasure at TEDglobal, February 2013

Add: emphasis, type styles, connectors, frames, depth, color....

c!l1a(o+a'i2e c+i'i6u"

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

Scott Witthoft

SF, CAEnvironments Designer

Large

Collaborative

SmallSoloFor You For Others

Adam Royalty

New York, NYDesign & Education Researcher

Large

Collaborative

SmallSoloFor You For Others

Alex Gilliam

Philadelphia, PAArchitect & Activist

LargeCollaborative

Small

Solo

For You For Others

Eva Green

SF, CAEducation Technology

LargeCollaborative

Small

SoloFor You For Others

Alex

SF, CAFinance

LargeCollaborative

Small

SoloFor You For Others

v-s0a1 e4p1a.a'i!n/

30 minutes

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

LargeCollaborative

SmallSoloFor You For Others

LargeCollaborative

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

LargeCollaborative

SmallSoloFor You For Others

3 minutes to explain3 minutes to reflect

explain

LargeCollaborative

SmallSoloFor You For Others

3 minutes to explain3 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

What did you do that worked really well?

What did you do that didn’t work so well?

What did you learn while doing this?

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?

M!r" s#e'c&n!t" r"s!u+c"s

the Back of the Napkinby Dan Roam

Sketching User Experiences: The Workbookby Saul Greenberg,Sheelagh Carpendale, Nicolai Marquardt, Bill Buxton

http://whiteboardwarrior.orghttp://sketchnotearmy.com/

M!r" v-z'h-n# r"s!u+c"s

P"o$l" t! f!l1o7Sketchnote Armyhttp://sketchnotearmy.com/

Mike Rohdehttp://rohdesign.com@rhodesign

Sunni Brownhttp://sunnibrown.com@sunnibrown

David Sibbet @ the Grovehttp://grove.com

Dave Grayhttp://www.davegrayinfo.com@davegray

Sacha Chuahttp://sachachua.com@sachachua

Alexis Finchhttp://graphitemind.com@agentfin

Austin Kleonhttp://austinkleon.com@austinkleon

Eva Lotta-Lammhttp://www.evalotta.net@evalottchen

S$e5i)l O8e+Thanks to Mike for the deal!

T&a.k y!u!Notebook Neophyte to Whiteboard Warriorwhiteboardwarrior.orgSaturday, October 25 & November 1, 2014Molly Wilson | @mollyclareKate Rutter | @katerutter

KateMolly

Notebook Neophyte to Whiteboard WarriorSaturday, October 25 & November 1, 2014

@mollyclarehttp://molly.is/here

@katerutterhttp://intelleto.com