Hands-on sketchnoting workshop led at CCA for undergrad IxD designers.

1. Level up your sketch noting | @katerutter | Jan 31, 2020
Level up your
Sketchnoting
Jan 31, 2020 | Kate Rutter | @katerutter

2. Level up your sketch noting | @katerutter | Jan 31, 2020
Let’s get to
know each other!
name
sketchnote experience (if any)
1 thing you want to go home with.
2 minutes!

3. Level up your sketch noting | @katerutter | Jan 31, 2020
• Sketchnote examples
• rapid-rounds
• practice from video
• gallery & critique
What we’ll do…

4. Level up your sketch noting | @katerutter | Jan 31, 2020
I want to become a better
sketcher, listener and
documenter.
I want to remember information
and have something to review
after class.
I'm a visual learner & I want to
remember things more easily.
I want to tell a story
very quickly.
I want to use visuals to
communicate effectively.
I want to make hard
concepts easier.

5. Level up your sketch noting | @katerutter | Jan 31, 2020
a sketchnote is...
Using images, text, diagrams
and layout to capture information
in order to improve
understanding and recall.

6. Level up your sketch noting | @katerutter | Jan 31, 2020

7. Level up your sketch noting | @katerutter | Jan 31, 2020
See Understand Share
Can you see it?
Can you understand it?
sketch via @glaves
It’s not about being “bad” or “good”, it’s about...

8. Level up your sketch noting | @katerutter | Jan 31, 2020
“
We humans often need to see something to clearly
understand it, and so those of us with the ability to
effectively convey an experience in a visual way
possess a special and
important skill indeed.
~ Julie Zhuo

9. Level up your sketch noting | @katerutter | Jan 31, 2020
Doug Neill
http://www.thegraphicrecorder.com/
2013/08/12/sketchnotes-of-austin-
kleons-creative-mornings-talk-on-
showing-your-work/
Visual Notetaking } Sketchnoting

10. Level up your sketch noting | @katerutter | Jan 31, 2020
Visual Notetaking } Sketchnoting
Doug Neill
http://www.thegraphicrecorder.com/2013/02/20/
sketchnotes-of-the-sketchnote-handbook-video-series/

11. Level up your sketch noting | @katerutter | Jan 31, 2020
Timothy Reynolds
https://www.flickr.com/photos/
turnislefthome/8201382664/
Visual Notetaking } Sketchnoting

12. Level up your sketch noting | @katerutter | Jan 31, 2020
Eva-Lotta Lamm
Visual Notetaking } Sketchnoting

13. Level up your sketch noting | @katerutter | Jan 31, 2020

14. Level up your sketch noting | @katerutter | Jan 31, 2020
Gray marker or pencil
Gel pens (.3 / .5 / .7) Unlined Moleskine
Tools } Common materials

15. Level up your sketch noting | @katerutter | Jan 31, 2020
Tools } Good-enough materials

16. Level up your sketch noting | @katerutter | Jan 31, 2020
Everyone got materials?

17. Level up your sketch noting | @katerutter | Jan 31, 2020
WARM-UPS

18. Level up your sketch noting | @katerutter | Jan 31, 2020
30
seconds

19. Level up your sketch noting | @katerutter | Jan 31, 2020
Lettering
Things & Ideas
People & faces
BASICS

20. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } Lettering

21. Level up your sketch noting | @katerutter | Jan 31, 2020
• Legibility
• Hierarchy
• Speed!
3 Key things
Basics } Lettering

22. Level up your sketch noting | @katerutter | Jan 31, 2020
Doug Neil
http://www.thegraphicrecorder.com/2013/01/25/sketchnotes-of-on-being-interview-with-seth-godin/
Basics } Lettering

23. Level up your sketch noting | @katerutter | Jan 31, 2020
basic
serif
double
bubble
block
Basics } Lettering } 5 from 1

24. Level up your sketch noting | @katerutter | Jan 31, 2020
basic
tall
wide
Basics } Lettering } Tall & Wide

25. Level up your sketch noting | @katerutter | Jan 31, 2020
Overhead gallery!

26. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } Lettering } Moodwords
20
seconds
Rapid Rounds!

27. Level up your sketch noting | @katerutter | Jan 31, 2020
bouncy

28. Level up your sketch noting | @katerutter | Jan 31, 2020
surprise!

29. Level up your sketch noting | @katerutter | Jan 31, 2020
rough

30. Level up your sketch noting | @katerutter | Jan 31, 2020
complicated

31. Level up your sketch noting | @katerutter | Jan 31, 2020
smash

32. Level up your sketch noting | @katerutter | Jan 31, 2020
unique

33. Level up your sketch noting | @katerutter | Jan 31, 2020
Overhead gallery!

34. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } Things & Ideas

35. Level up your sketch noting | @katerutter | Jan 31, 2020
Via Mike Rhode
https://www.flickr.com/photos/rohdesign/sets/72157651742277291

36. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } Things
20
seconds
Rapid Rounds
THINGS!

37. Level up your sketch noting | @katerutter | Jan 31, 2020
smart phone

38. Level up your sketch noting | @katerutter | Jan 31, 2020
airplane

39. Level up your sketch noting | @katerutter | Jan 31, 2020
laptop

40. Level up your sketch noting | @katerutter | Jan 31, 2020
anchor

41. Level up your sketch noting | @katerutter | Jan 31, 2020
paper airplane

42. Level up your sketch noting | @katerutter | Jan 31, 2020
toolbox

43. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } Ideas
30
seconds
Rapid Rounds
IDEAS!

44. Level up your sketch noting | @katerutter | Jan 31, 2020
challenge

45. Level up your sketch noting | @katerutter | Jan 31, 2020
collaborate

46. Level up your sketch noting | @katerutter | Jan 31, 2020
adapt

47. Level up your sketch noting | @katerutter | Jan 31, 2020
interaction

48. Level up your sketch noting | @katerutter | Jan 31, 2020
engagement

49. Level up your sketch noting | @katerutter | Jan 31, 2020
success

50. Level up your sketch noting | @katerutter | Jan 31, 2020
3 minutes!
quick-share!
table harvest!
&

51. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } bullets, lines &arrows

52. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } Bullets, lines & arrows
Sunni Brown
http://sunnibrown.com/wp-content/themes/sunni/images/managing-conflict11x17.jpg
Use to
structure
content.
(Even basic lists.)

53. Level up your sketch noting | @katerutter | Jan 31, 2020
lines arrowsbullets
Draw-along!
Basics } Bullets, lines & arrows

54. Level up your sketch noting | @katerutter | Jan 31, 2020
frames & banners
Draw-along!
Basics } Bullets, lines & arrows

55. Level up your sketch noting | @katerutter | Jan 31, 2020
Faces
Block People
Movement
People

56. Level up your sketch noting | @katerutter | Jan 31, 2020
People } Expressions Matrix

57. Level up your sketch noting | @katerutter | Jan 31, 2020
smile frown
up brows
neutral
down
brows
no brows
add a mouth...
add eyebrows...
Draw-along!
People } Expressions Matrix

58. Level up your sketch noting | @katerutter | Jan 31, 2020
People } Block people

59. Level up your sketch noting | @katerutter | Jan 31, 2020
People } Block People
Draw-along!

60. Level up your sketch noting | @katerutter | Jan 31, 2020
30
seconds
Rapid Rounds!
People & Products } Block People

61. Level up your sketch noting | @katerutter | Jan 31, 2020

62. Level up your sketch noting | @katerutter | Jan 31, 2020

63. Level up your sketch noting | @katerutter | Jan 31, 2020

64. Level up your sketch noting | @katerutter | Jan 31, 2020

65. Level up your sketch noting | @katerutter | Jan 31, 2020

66. Level up your sketch noting | @katerutter | Jan 31, 2020

67. Level up your sketch noting | @katerutter | Jan 31, 2020

68. Level up your sketch noting | @katerutter | Jan 31, 2020
People } movement

69. Level up your sketch noting | @katerutter | Jan 31, 2020
People } movement

70. Level up your sketch noting | @katerutter | Jan 31, 2020
People } movement

71. Level up your sketch noting | @katerutter | Jan 31, 2020
Agitrons • Blurgits • boozex • Briffits •
crottles • digitrons • Dites • doozex •
Emanata • farkles • Grawlixes • Hites
• Indotherm • jarns • Lucaflect •
maledicta balloons • nittles • oculama •
Plewds • Quimps • Solrads •
sphericasia • spurls • Squeans •
staggeration • swalloops • that-a-tron •
Vites • waftaroms • whiteope •
People } Indicia
action,
emotion,
animations &
atmosphere

72. Level up your sketch noting | @katerutter | Jan 31, 2020
People } Movement
Draw-20 block
people in action!
Lines and clouds
show direction &
action
Symbols, shapes &
lines combine to make
expressive sketches.

73. Level up your sketch noting | @katerutter | Jan 31, 2020
3 minutes!
pair-share!
Offer feedback or ask questions.

74. Level up your sketch noting | @katerutter | Jan 31, 2020
Layouts
Linear
Vertical
Radial
Path
Modular
Popcorn

75. Level up your sketch noting | @katerutter | Jan 31, 2020
linear
vertical
Jessica Eldredge
http://www.flickr.com/photos/jessabean/8705360625
Visual Notetaking } Layouts

76. Level up your sketch noting | @katerutter | Jan 31, 2020
radial
Jason Alderman
http://www.flickr.com/photos/jalderman/10039867503
Visual Notetaking } Layouts

77. Level up your sketch noting | @katerutter | Jan 31, 2020
Alexis Finch
http://www.flickr.com/photos/agentfin/10986121516/in/set-72157637923005334
path
Visual Notetaking } Layouts

78. Level up your sketch noting | @katerutter | Jan 31, 2020
Scott Torrence
http://www.flickr.com/photos/100566070@N06/9727471316
modular
Visual Notetaking } Layouts

79. Level up your sketch noting | @katerutter | Jan 31, 2020
Timothy Reynolds
http://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/
popcorn
Visual Notetaking } Layouts

80. Level up your sketch noting | @katerutter | Jan 31, 2020
Put into practice

81. Level up your sketch noting | @katerutter | Jan 31, 2020
Interaction Design Questions
Bill Verplank, 2001
https://www.youtube.com/watch?v=C3rxCLhzmXY
Label or Title
• Title of talk
• speaker name
• speaker portrait
• event
• date
• your name +
contact

82. Level up your sketch noting | @katerutter | Jan 31, 2020
How can you use
these tools in your
coursework?

83. Level up your sketch noting | @katerutter | Jan 31, 2020
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 sketch, try drawing it 3 more times
until you like it.

84. Level up your sketch noting | @katerutter | Jan 31, 2020
Resources } Sketchnoting

85. Level up your sketch noting | @katerutter | Jan 31, 2020
Resources } General Visual Practice

86. Level up your sketch noting | @katerutter | Jan 31, 2020
Resources } Lettering

87. Level up your sketch noting | @katerutter | Jan 31, 2020
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
Doug Neil
http://www.thegraphicrecorder.com/
http://www.verbaltovisual.com/
@douglaspneill
Christina Wodtke
http://eleganthack.com @cwodke
Kate Rutter
http://intelleto.com @katerutter
People to follow

88. Level up your sketch noting | @katerutter | Jan 31, 2020
Kate Rutter
@katerutter
http://intelleto.com
Thanks!

89. Level up your sketch noting | @katerutter | Jan 31, 2020
‣ @adaptivepath: Adaptive Path [http://adaptivepath.com]
‣ @austinkleon: Austin Kleon [http://tumblr.austinkleon.com]
‣ @glaves: Rachel Glaves [http://about.me/rachelglaves]
‣ @katerutter: Kate Rutter [http://intelleto.com]
‣ @ladylexy: Alexa Andrzejewski [http://flavors.me/ladylexy]
‣ @luxrco: Luxr [http://luxr.co]
‣ @ugleah: Leah Buley [http://ugleah.tumblr.com/]
CREDITS