Deck from the Pop-up Class at the Stanford d.school in Fall 2014. Co-led with the fabulous Molly Wilson (@mollylclare). We developed a graphic vocabulary and practiced visual notes through sketchnoting a short TED talk, then folks paired up and sketched verbal descriptions and stories. Details on the workshop at: http://www.whiteboardwarrior.org.

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

4. today
10:00-11:30! Building your graphic vocabulary
11:30-12:15 Lunch
12:15-2:00 Putting it all together

5. why visual notetaking?
externalize and clarify ideas
communicate with others
get in a different groove
be super cool

6. our goals for you
be confident with visual notes
know how to develop your skills

7. Simplify to amplify.
– Michael Barry

8. Common materials
Gel pens (.3 / .5 / .7) Unlined Moleskine
Gray marker or pencil

9. Good-enough
materials

10. Everyone got
materials?

11. w)r,-u$s
quick activity to
get your hands
moving.

13. 30 seconds

14. r)p-d r!u.d/
lettering
things & ideas
people & faces

15. lettering
5 f+o, 1
b!s"c • s#r"f •$d%u&l# • b'b&l# •$b(o)k

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

17. b!s"c
t!l(
w"d#
30 seconds

18. lettering
m!o*w!r*s

19. 20 seconds

20. bouncy

21. surprise!

22. rough

23. sleepy

24. smash

25. unique

26. Use rubber stamps.
– Bill Verplank

27. things
r0b(e+
s'a,p/

29. 20 seconds

30. coffee cup

31. smart phone

32. hammer

33. anchor

34. globe

35. bicycle

36. ideas
r0b(e+
s'a,p/

37. 30 seconds

38. bright idea

39. balance

40. collaborate

41. adapt

42. share

43. success

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

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

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

50. More examples in this
set of videos...
http://bit.ly/sketchingpeople

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

52. Expressions matrix
add a mouth...
smile frown
no brows
add eyebrows...
up brows
neutral
down
brows

53. people
h"a*s
s#e'c&-a-l!n3

54. 30 seconds

55. a group of fans
cheering for
the SF Giants!

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

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

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

59. l0n5h c&a1l"n3e

60. Our lunch homework:
100 drawings on post-its.
45 minutes

61. “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”

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

63. sketchnoting
How big are you working?
Small Large
Who’s doing it?
Solo Collaborative
Who’s your audience?
For You For Others

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

65. e1e,e.t/
frames
dividers
connectors
d"m!

66. l)y!u's
linear & vertical
radial & path
modular
popcorn

67. linear vertical

68. Jessica Eldredge
http://www.flickr.com/photos/jessabean/8705360625

69. radial

70. Jason Alderman
http://www.flickr.com/photos/jalderman/10039867503

71. path

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

73. modular

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

75. Carolyn Sewell
http://www.flickr.com/photos/pedestriantype/8741556545

76. popcorn

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

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

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

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

81. How do YOU
want to use visual
communication?

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

83. Scott Witthoft
Environments Designer
SF, CA

84. Small
Solo
For You For Others
Large
Collaborative

85. Adam Royalty
Design & Education Researcher
New York, NY

86. Small
Solo
For You For Others
Large
Collaborative

87. Alex Gilliam
Architect & Activist
Philadelphia, PA

88. Large
Small
Solo
For You For Others
Collaborative

89. Eva Green
Education Technology
SF, CA

90. Large
Small
Solo
For You For Others
Collaborative

91. Alex
Finance
SF, CA

92. Large
Small
Solo
Collaborative
For You For Others

93. v-s0a1
e4p1a.a'i!n/
30 minutes

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

95. explain record
Small
Solo
For You For Others
Large
Collaborative
Small
Solo
For You For Others
Large
Collaborative

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

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

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

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

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

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

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

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

104. T&a.k y!u!
Notebook Neophyte to Whiteboard Warrior
whiteboardwarrior.org
Saturday, October 25 & November 1, 2014
Molly Wilson | @mollyclare
Kate Rutter | @katerutter

105. Molly Kate
@mollyclare
http://molly.is/here
@katerutter
http://intelleto.com
Notebook Neophyte to Whiteboard Warrior
Saturday, October 25 & November 1, 2014