SlideShare a Scribd company logo
N!t"b!o# N"o$h%t" t! 
W&i'e(o)r* W)r+i!r 
#nn2ww 
Saturday, Oct 25 & Nov 1, 2014
Notebook Neophyte to Whiteboard Warrior [d.school Pop-up Class, Oct 25 + Nov 1, 2014]
Notebook Neophyte to Whiteboard Warrior [d.school Pop-up Class, Oct 25 + Nov 1, 2014]
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
Common materials 
Gel pens (.3 / .5 / .7) Unlined Moleskine 
Gray marker or pencil
Good-enough 
materials
Everyone got 
materials?
w)r,-u$s 
quick activity to 
get your hands 
moving.
Notebook Neophyte to Whiteboard Warrior [d.school Pop-up Class, Oct 25 + Nov 1, 2014]
30 seconds
r)p-d r!u.d/ 
lettering 
things & ideas 
people & faces
lettering 
5 f+o, 1 
b!s"c • s#r"f •$d%u&l# • b'b&l# •$b(o)k
b!s"c 
s#r"f 
d%u&l# 
b'b&l# 
b(o)k
b!s"c 
t!l( 
w"d# 
30 seconds
lettering 
m!o*w!r*s
20 seconds
bouncy
surprise!
rough
sleepy
smash
unique
Use rubber stamps. 
– Bill Verplank
things 
r0b(e+ 
s'a,p/
Notebook Neophyte to Whiteboard Warrior [d.school Pop-up Class, Oct 25 + Nov 1, 2014]
20 seconds
coffee cup
smart phone
hammer
anchor
globe
bicycle
ideas 
r0b(e+ 
s'a,p/
30 seconds
bright idea
balance
collaborate
adapt
share
success
c!l1a(o+a'i2e 
p-c'i!n)r%
people 
t!o'h p"o$l" 
s#e'c&-a-l!n3
people 
s'a+ p"o$l" 
s#e'c&-a-l!n3
Notebook Neophyte to Whiteboard Warrior [d.school Pop-up Class, Oct 25 + Nov 1, 2014]
Notebook Neophyte to Whiteboard Warrior [d.school Pop-up Class, Oct 25 + Nov 1, 2014]
Notebook Neophyte to Whiteboard Warrior [d.school Pop-up Class, Oct 25 + Nov 1, 2014]
More examples in this 
set of videos... 
http://bit.ly/sketchingpeople
people 
e4p+e/s-o.s 
s#e'c&-a-l!n3
Expressions matrix 
add a mouth... 
smile frown 
no brows 
add eyebrows... 
up brows 
neutral 
down 
brows
people 
h"a*s 
s#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 a new way to articulate 
ideas” 
“I want to be more 
persuasive in groups” 
“I want to be less shy about 
drawing in front of others”
How big are you working? 
Small Large 
Whoʼs doing it? 
Solo Collaborative 
Whoʼs your audience? 
For You For Others 
(i.e. the person or 
group of people 
creating the sketch) 
(i.e. people not in the 
room, not involved in 
creating)
sketchnoting 
How big are you working? 
Small Large 
Who’s doing it? 
Solo Collaborative 
Who’s your audience? 
For You For Others
s#e'c&n!t" 
p+a5t-c"
e1e,e.t/ 
frames 
dividers 
connectors 
d"m!
l)y!u's 
linear & vertical 
radial & path 
modular 
popcorn
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/
TED Talk 10 minutes 
How to speak so that people want to listen 
Julian 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 
Add: emphasis, type styles, connectors, frames, depth, color.... 
How to speak so that people want to listen 
Julian 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
c!l1a(o+a'i2e 
c+i'i6u"
How do YOU 
want to use visual 
communication?
“For me, visual communication is for ___________.” 
How big are you working? 
Small Large 
Who’s doing it? 
Solo Collaborative 
Who’s your audience? 
For You For Others
Scott Witthoft 
Environments Designer 
SF, CA
Small 
Solo 
For You For Others 
Large 
Collaborative
Adam Royalty 
Design & Education Researcher 
New York, NY
Small 
Solo 
For You For Others 
Large 
Collaborative
Alex Gilliam 
Architect & Activist 
Philadelphia, PA
Large 
Small 
Solo 
For You For Others 
Collaborative
Eva Green 
Education Technology 
SF, CA
Large 
Small 
Solo 
For You For Others 
Collaborative
Alex 
Finance 
SF, CA
Large 
Small 
Solo 
Collaborative 
For You For Others
v-s0a1 
e4p1a.a'i!n/ 
30 minutes
“For me, visual communication is for ___________.” 
How big are you working? 
Small Large 
Who’s doing it? 
Solo Collaborative 
Who’s your audience? 
For You For Others
explain record 
Small 
Solo 
For You For Others 
Large 
Collaborative 
Small 
Solo 
For You For Others 
Large 
Collaborative
Small 
Solo 
For You For Others 
Large 
Collaborative 
explain 
• 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. 
3 minutes to explain 
3 minutes to reflect
Small 
Solo 
For You For Others 
Large 
Collaborative 
record 
• 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. 
3 minutes to explain 
3 minutes to reflect
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?
what’s next? 
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!
M!r" s#e'c&n!t" r"s!u+c"s 
http://whiteboardwarrior.org 
http://sketchnotearmy.com/ 
the Back of the Napkin 
by Dan Roam 
Sketching User Experiences: The Workbook 
by Saul Greenberg,Sheelagh Carpendale, 
Nicolai Marquardt, Bill Buxton
M!r" v-z'h-n# r"s!u+c"s
P"o$l" t! f!l1o7 
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
S$e5i)l O8e+ 
Thanks to Mike for the deal!
T&a.k y!u! 
Notebook Neophyte to Whiteboard Warrior 
whiteboardwarrior.org 
Saturday, October 25 & November 1, 2014 
Molly Wilson | @mollyclare 
Kate Rutter | @katerutter
Molly Kate 
@mollyclare 
http://molly.is/here 
@katerutter 
http://intelleto.com 
Notebook Neophyte to Whiteboard Warrior 
Saturday, October 25 & November 1, 2014

More Related Content

PDF
Sketchnotes-SF Meetup :: Round 13 [Tue Dec 02, 2014]
PDF
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
PDF
Charlotte Photography January Meeting 2010
PDF
Exercises:logo idea
PDF
d.school @ Stanford Fellowship DP1 Mario Lugay
PDF
Whiteboard Warrior at the Stanford d.school 2/14/15
PDF
A Crash Course on the d.school Virtual Crash Course
PDF
VIrtual Crash Course Playbook
Sketchnotes-SF Meetup :: Round 13 [Tue Dec 02, 2014]
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
Charlotte Photography January Meeting 2010
Exercises:logo idea
d.school @ Stanford Fellowship DP1 Mario Lugay
Whiteboard Warrior at the Stanford d.school 2/14/15
A Crash Course on the d.school Virtual Crash Course
VIrtual Crash Course Playbook

Viewers also liked (16)

PPTX
Dschoolpresentationalumni
PPTX
Prototype
PDF
HACK.d Creative Brief 1/2012
PDF
Sketchnotes-SF Meetup :: Round 11 [Mon Oct 13, 2014]
PPTX
D.school Methods Introduction
PPTX
Map_Projections
PPTX
Map_Layout_Color_Readablity
PDF
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
PDF
Rapid Design & Experimentation for User-Centered Products :: UX Days Tokyo [A...
PDF
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
PDF
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
PDF
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
PDF
Orchestrating Touchpoints - From Business to Buttons 2014
PDF
Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]
PDF
Something Learned from d.school
PDF
Visual Design with Data
Dschoolpresentationalumni
Prototype
HACK.d Creative Brief 1/2012
Sketchnotes-SF Meetup :: Round 11 [Mon Oct 13, 2014]
D.school Methods Introduction
Map_Projections
Map_Layout_Color_Readablity
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
Rapid Design & Experimentation for User-Centered Products :: UX Days Tokyo [A...
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
Orchestrating Touchpoints - From Business to Buttons 2014
Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]
Something Learned from d.school
Visual Design with Data
Ad

Similar to Notebook Neophyte to Whiteboard Warrior [d.school Pop-up Class, Oct 25 + Nov 1, 2014] (20)

PDF
Whiteboard Warrior @ the d.school 1/31/15
PDF
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
PDF
Pen & Paper Tools for getting from Research to Design
PDF
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
PDF
Penandpapertools
PDF
Learning and Thinking out loud Learning 2 Warsaw Keynote slides
PPT
Introduction to year 3
PPTX
Visual Notetaking with English Learners
PDF
An introduction to visual thinking
PDF
Visual notes
PDF
Visual thinking workshop — Interaction South America 2015
PDF
October 2012 Unitedhealth Presentation
PDF
Enhance your communications skills with sketching
PDF
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
PDF
Visual aids adolescent_space_16_images_per_page
PPTX
UF College of Education, EDH 6931
PDF
Active, Social, and Engaging Online Learning Strategies
PPTX
Collaborative Exercises for Digital Design 3/7/18
PDF
Sketchnoting Tutorial
PDF
Sketching across the design process
Whiteboard Warrior @ the d.school 1/31/15
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
Pen & Paper Tools for getting from Research to Design
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
Penandpapertools
Learning and Thinking out loud Learning 2 Warsaw Keynote slides
Introduction to year 3
Visual Notetaking with English Learners
An introduction to visual thinking
Visual notes
Visual thinking workshop — Interaction South America 2015
October 2012 Unitedhealth Presentation
Enhance your communications skills with sketching
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
Visual aids adolescent_space_16_images_per_page
UF College of Education, EDH 6931
Active, Social, and Engaging Online Learning Strategies
Collaborative Exercises for Digital Design 3/7/18
Sketchnoting Tutorial
Sketching across the design process
Ad

More from Kate Rutter (20)

PDF
[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...
PDF
What's in my Nature Journaling Kit ~ Kate Rutter, 2020
PDF
UX Foundations : Sketching UI
PDF
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
PDF
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
PDF
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
PDF
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
PDF
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
PDF
Let's Sketch Tech [Feb 2019]
PDF
Sketchapalooza [UX Week 2018, August 2018]
PDF
Informative Architecture [World IA Day 2017, San Francisco]
PDF
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
PDF
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
PDF
Finding the Narrative in Numbers: Making the Most of Metrics [UX Immersion 2...
PDF
Sketchnotes-SF Meetup :: Round 15 [Mon Feb 09, 2015]
PDF
Sketchnotes-SF Meetup :: Round 14 [Mon Jan 12, 2015]
PDF
Sketchnotes-SF Meetup :: Round 12 [Mon Nov 04, 2014]
PDF
The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]
PDF
The Power of Visual Notetaking :: SF Design Week, General Assembly [Tue Jun 1...
PDF
Designing with Lean UX : Rapid Product Design (Handouts only) [UX Lisbon 2014]
[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...
What's in my Nature Journaling Kit ~ Kate Rutter, 2020
UX Foundations : Sketching UI
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
Let's Sketch Tech [Feb 2019]
Sketchapalooza [UX Week 2018, August 2018]
Informative Architecture [World IA Day 2017, San Francisco]
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
Finding the Narrative in Numbers: Making the Most of Metrics [UX Immersion 2...
Sketchnotes-SF Meetup :: Round 15 [Mon Feb 09, 2015]
Sketchnotes-SF Meetup :: Round 14 [Mon Jan 12, 2015]
Sketchnotes-SF Meetup :: Round 12 [Mon Nov 04, 2014]
The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]
The Power of Visual Notetaking :: SF Design Week, General Assembly [Tue Jun 1...
Designing with Lean UX : Rapid Product Design (Handouts only) [UX Lisbon 2014]

Recently uploaded (20)

PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PDF
Urban Design Final Project-Site Analysis
DOCX
actividad 20% informatica microsoft project
PDF
Urban Design Final Project-Context
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PPTX
6- Architecture design complete (1).pptx
PPTX
HPE Aruba-master-icon-library_052722.pptx
PDF
The Advantages of Working With a Design-Build Studio
PPTX
artificialintelligencedata driven analytics23.pptx
PDF
Africa 2025 - Prospects and Challenges first edition.pdf
PDF
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PDF
SEVA- Fashion designing-Presentation.pdf
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PPTX
Special finishes, classification and types, explanation
PPTX
areprosthodontics and orthodonticsa text.pptx
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
AD Bungalow Case studies Sem 2.pptxvwewev
Urban Design Final Project-Site Analysis
actividad 20% informatica microsoft project
Urban Design Final Project-Context
Wisp Textiles: Where Comfort Meets Everyday Style
6- Architecture design complete (1).pptx
HPE Aruba-master-icon-library_052722.pptx
The Advantages of Working With a Design-Build Studio
artificialintelligencedata driven analytics23.pptx
Africa 2025 - Prospects and Challenges first edition.pdf
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
YV PROFILE PROJECTS PROFILE PRES. DESIGN
BRANDBOOK-Presidential Award Scheme-Kenya-2023
SEVA- Fashion designing-Presentation.pdf
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
Special finishes, classification and types, explanation
areprosthodontics and orthodonticsa text.pptx
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf

Notebook Neophyte to Whiteboard Warrior [d.school Pop-up Class, Oct 25 + Nov 1, 2014]