The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Unlock the power of
information with
Visual Notetaking
Welcome!
Kate Rutter @katerutter • Sketchnoter & Graphic Recorder • Tuesday, July 8, 2014

Who’s here?
•name
•past experience with
visual notes / sketching
•favorite superpower
5 minutes total

• Principal, Intelleto.com
• Co-Founder, Luxr.co
• Sketchnoter, graphic recorder
• Entrepreneurship + UX
Kate Rutter
@katerutter
http://intelleto.com

•Intro to visual notes
•rapid-rounds
•practice session
•gallery & critique
•Next steps
What we’ll do

sketchnoting?
graphic recording?
graphic facilitation?
visual note-taking?

Kate Rutter
http://intelleto.com/2013/09/24/sketchnotes-from-napkin-
academy-live-the-presenters-journey-with-dan-roam/

Kate Rutter
http://intelleto.com/portfolio/sketchnotes-service-experience-
conference-2013/

Kate Rutter for Great Work MBA

Kate Rutter
for Lippincott Customer Experience Event

Kate Rutter for Code for America

Why?
• capture & remember ideas
• Organize into structure
• highlight emotional content
• visually engaging & memorable
• share & celebrate

When I take notes visually, I
go back over them more
often, and am able to recall
the ideas more clearly.
“
“
~ Maria Mariano
sketchnoter

Sketchnoting Basics
Intro

The basics...

Doug Neill
http://www.thegraphicrecorder.com/2013/08/12/
sketchnotes-of-austin-kleons-creative-mornings-talk-
on-showing-your-work/

Doug Neill
http://www.thegraphicrecorder.com

Alexis Finch
http://www.ﬂickr.com/photos/agentﬁn/8721881140/in/
set-72157633702488134/

Mike Rohde

Carolyn Sewell
http://www.carolynsewell.com/Sketchnotes

Maria Mariano
https://medium.com/@mbfmariano/7e847855b27b

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

Good-enough materials

quick activity to get
your hand moving.
warm-ups

30 seconds

• lettering
• moodwords
• things
• ideas
rapid rounds

5 from 1
basic • serif • double • bubble • block
Lettering

basic
serif
double
bubble
block

10 seconds
basic
tall
wide

moodwords

20 seconds

surprise!

wild

sleepy

unique

people
(pssst: we didn’t cover this in
the workshop, but it’s helpful...)

Star people

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

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

things

15 seconds

smart phone

clouds

umbrella

globe

hammer

bicycle

ideas

great idea

balance

adapt

play

share

success

But first, some tips...
Practice Session

• linear, vertical
• radial & path
• modular & popcorn
Layouts

linear vertical

Jessica Eldredge
http://www.ﬂickr.com/photos/jessabean/8705360625
linear
vertical

radial

Jason Alderman
http://www.ﬂickr.com/photos/jalderman/10039867503
radial

path

Alexis Finch
http://www.ﬂickr.com/photos/agentﬁn/10986121516/in/set-72157637923005334
path

modular

Stephani Batchetti
://www.core77.com/blog/sketchnotes/
sketchnotes_of_iit_institute_of_designs_design_research_
conference_2013_by_stefani_bachetti_25727.asp
modular

Scott Torrence
http://www.ﬂickr.com/photos/100566070@N06/9727471316
modular

Carolyn Sewell
http://www.ﬂickr.com/photos/pedestriantype/8741556545
modular

popcorn

Timothy Reynolds
http://www.ﬂickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/
popcorn

Practice
Session

http://www.ted.com/talks/
geoff_mulgan_a_short_intro_to_the_studio_school.html
6:17min
• title of talk
• speaker name
(& portrait)
• event
• date
• your name +
contact
TED talk }

Finish up...
Geoff Mulgan at TEDglobal, October 2011
• title of talk
• speaker name (& portrait)
• event
• date
• your name + contact
Add: emphasis, type styles,
connectors, frames,
depth, color....
A short intro to the Studio School
http://www.ted.com/talks/
geoff_mulgan_a_short_intro_to_the_studio_school.html

Gallery & Critique
after we end!

further
explorations

People to follow
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

More viz think resources...

special offer!
thanks to Mike for the
discount code!

Thanks!
@katerutter
http://intelleto.com

The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (7)

Similar to The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

Similar to The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014] (19)

More from Kate Rutter

More from Kate Rutter (20)

Recently uploaded

Recently uploaded (20)

The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]