INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Unlock the power of
information with
Visual Notetaking
Welcome!
Kate Rutter @kate...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Who’s here?
•name
•past experience with
visual notes / sketching
•favorite superp...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
• Principal, Intelleto.com
• Co-Founder, Luxr.co
• Sketchnoter, graphic recorder
...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
•Intro to visual notes
•rapid-rounds
•practice session
•gallery & critique
•Next ...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
sketchnoting?
graphic recording?
graphic facilitation?
visual note-taking?
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Kate Rutter
http://intelleto.com/2013/09/24/sketchnotes-from-napkin-
academy-live...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Kate Rutter
http://intelleto.com/portfolio/sketchnotes-service-experience-
confer...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Kate Rutter for Great Work MBA
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Kate Rutter
for Lippincott Customer Experience Event
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Kate Rutter for Code for America
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Why?
• capture & remember ideas
• Organize into structure
• highlight emotional c...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
When I take notes visually, I
go back over them more
often, and am able to recall...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Sketchnoting Basics
Intro
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
The basics...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Doug Neill
http://www.thegraphicrecorder.com/2013/08/12/
sketchnotes-of-austin-kl...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Doug Neill
http://www.thegraphicrecorder.com
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Kate Rutter
http://intelleto.com/portfolio/sketchnotes-service-experience-
confer...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Alexis Finch
http://www.flickr.com/photos/agentfin/8721881140/in/
set-7215763370248...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Mike Rohde
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Carolyn Sewell
http://www.carolynsewell.com/Sketchnotes
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Maria Mariano
https://medium.com/@mbfmariano/7e847855b27b
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Common materials
Gray marker or pencil
Gel pens (.3 / .5 / .7) Unlined Moleskine
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Good-enough materials
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
quick activity to get
your hand moving.
warm-ups
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
30 seconds
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
• lettering
• moodwords
• things
• ideas
rapid rounds
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
5 from 1
basic • serif • double • bubble • block
Lettering
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
basic
serif
double
bubble
block
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
10 seconds
basic
tall
wide
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
moodwords
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
20 seconds
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
surprise!
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
wild
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
sleepy
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
unique
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
people
(pssst: we didn’t cover this in
the workshop, but it’s helpful...)
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Star people
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Star people
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
More examples in
this set of videos...
http://bit.ly/sketchingpeople
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
smile
frown
up brows
neutral
down
brows
no brows
add a mouth...
add eyebrows...
E...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
things
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
15 seconds
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
smart phone
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
clouds
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
umbrella
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
globe
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
hammer
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
bicycle
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
ideas
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
20 seconds
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
great idea
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
balance
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
adapt
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
play
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
share
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
success
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
But first, some tips...
Practice Session
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
• linear, vertical
• radial & path
• modular & popcorn
Layouts
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
linear vertical
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Jessica Eldredge
http://www.flickr.com/photos/jessabean/8705360625
linear
vertical
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
radial
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Jason Alderman
http://www.flickr.com/photos/jalderman/10039867503
radial
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
path
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Alexis Finch
http://www.flickr.com/photos/agentfin/10986121516/in/set-7215763792300...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
modular
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Stephani Batchetti
://www.core77.com/blog/sketchnotes/
sketchnotes_of_iit_institu...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Scott Torrence
http://www.flickr.com/photos/100566070@N06/9727471316
modular
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Carolyn Sewell
http://www.flickr.com/photos/pedestriantype/8741556545
modular
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
popcorn
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Timothy Reynolds
http://www.flickr.com/photos/turnislefthome/8525651030/in/faves-1...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Practice
Session
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
http://www.ted.com/talks/
geoff_mulgan_a_short_intro_to_the_studio_school.html
6:...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Finish up...
Geoff Mulgan at TEDglobal, October 2011
• title of talk
• speaker na...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Gallery & Critique
after we end!
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
further
explorations
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
People to follow
Sketchnote Army
http://sketchnotearmy.com/
Mike Rohde
http://roh...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
More viz think resources...
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
special offer!
thanks to Mike for the
discount code!
INTRO TO VISUAL NOTETAKING | JUL 8, 2014
Thanks!
@katerutter
http://intelleto.com
Upcoming SlideShare
Loading in...5
×

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

17,560

Published on

Visual note-taking is a powerful tool for design professionals who want to capture ideas and communicate them effectively. Known as sketchnoting or graphic recording, this practical technique enables you to capture key points of an idea, recall content and take action on new learnings. Whether used as a personal tool or as a facilitation method for group collaboration, visual notes are a powerful way to create memorable, engaging info summaries.

In this hands-on workshop, participants in the XYC youth summer program developed a visual vocabulary of images of things and concepts, learned simple lettering techniques, and got familiar with structuring information into common layout patterns. Then they brought it all together by capturing visual notes in real time from video, and got feedback and inspiration in a group critique.

If you're new to visual notetaking, this is a fun and fast way to get started. If you're a seasoned sketcher or visual note-taker, you can review this deck to advance your practice.

Published in: Education, Design, Technology
0 Comments
157 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
17,560
On Slideshare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
329
Comments
0
Likes
157
Embeds 0
No embeds

No notes for slide

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

  1. 1. 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
  2. 2. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Who’s here? •name •past experience with visual notes / sketching •favorite superpower 5 minutes total
  3. 3. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 • Principal, Intelleto.com • Co-Founder, Luxr.co • Sketchnoter, graphic recorder • Entrepreneurship + UX Kate Rutter @katerutter http://intelleto.com
  4. 4. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 •Intro to visual notes •rapid-rounds •practice session •gallery & critique •Next steps What we’ll do
  5. 5. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 sketchnoting? graphic recording? graphic facilitation? visual note-taking?
  6. 6. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Kate Rutter http://intelleto.com/2013/09/24/sketchnotes-from-napkin- academy-live-the-presenters-journey-with-dan-roam/
  7. 7. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Kate Rutter http://intelleto.com/portfolio/sketchnotes-service-experience- conference-2013/
  8. 8. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Kate Rutter for Great Work MBA
  9. 9. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Kate Rutter for Lippincott Customer Experience Event
  10. 10. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Kate Rutter for Code for America
  11. 11. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Why? • capture & remember ideas • Organize into structure • highlight emotional content • visually engaging & memorable • share & celebrate
  12. 12. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 When I take notes visually, I go back over them more often, and am able to recall the ideas more clearly. “ “ ~ Maria Mariano sketchnoter
  13. 13. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Sketchnoting Basics Intro
  14. 14. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 The basics...
  15. 15. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Doug Neill http://www.thegraphicrecorder.com/2013/08/12/ sketchnotes-of-austin-kleons-creative-mornings-talk- on-showing-your-work/
  16. 16. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Doug Neill http://www.thegraphicrecorder.com
  17. 17. INTRO TO VISUAL NOTETAKING | JUL 8, 2014
  18. 18. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Kate Rutter http://intelleto.com/portfolio/sketchnotes-service-experience- conference-2013/
  19. 19. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Alexis Finch http://www.flickr.com/photos/agentfin/8721881140/in/ set-72157633702488134/
  20. 20. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Mike Rohde
  21. 21. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Carolyn Sewell http://www.carolynsewell.com/Sketchnotes
  22. 22. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Maria Mariano https://medium.com/@mbfmariano/7e847855b27b
  23. 23. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Common materials Gray marker or pencil Gel pens (.3 / .5 / .7) Unlined Moleskine
  24. 24. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Good-enough materials
  25. 25. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 quick activity to get your hand moving. warm-ups
  26. 26. INTRO TO VISUAL NOTETAKING | JUL 8, 2014
  27. 27. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 30 seconds
  28. 28. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 • lettering • moodwords • things • ideas rapid rounds
  29. 29. INTRO TO VISUAL NOTETAKING | JUL 8, 2014
  30. 30. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 5 from 1 basic • serif • double • bubble • block Lettering
  31. 31. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 basic serif double bubble block
  32. 32. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 10 seconds basic tall wide
  33. 33. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 moodwords
  34. 34. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 20 seconds
  35. 35. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 surprise!
  36. 36. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 wild
  37. 37. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 sleepy
  38. 38. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 unique
  39. 39. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 people (pssst: we didn’t cover this in the workshop, but it’s helpful...)
  40. 40. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Star people
  41. 41. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Star people
  42. 42. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 More examples in this set of videos... http://bit.ly/sketchingpeople
  43. 43. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 smile frown up brows neutral down brows no brows add a mouth... add eyebrows... Expressions matrix
  44. 44. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 things
  45. 45. INTRO TO VISUAL NOTETAKING | JUL 8, 2014
  46. 46. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 15 seconds
  47. 47. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 smart phone
  48. 48. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 clouds
  49. 49. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 umbrella
  50. 50. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 globe
  51. 51. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 hammer
  52. 52. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 bicycle
  53. 53. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 ideas
  54. 54. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 20 seconds
  55. 55. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 great idea
  56. 56. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 balance
  57. 57. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 adapt
  58. 58. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 play
  59. 59. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 share
  60. 60. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 success
  61. 61. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 But first, some tips... Practice Session
  62. 62. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 • linear, vertical • radial & path • modular & popcorn Layouts
  63. 63. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 linear vertical
  64. 64. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Jessica Eldredge http://www.flickr.com/photos/jessabean/8705360625 linear vertical
  65. 65. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 radial
  66. 66. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Jason Alderman http://www.flickr.com/photos/jalderman/10039867503 radial
  67. 67. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 path
  68. 68. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Alexis Finch http://www.flickr.com/photos/agentfin/10986121516/in/set-72157637923005334 path
  69. 69. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 modular
  70. 70. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Stephani Batchetti ://www.core77.com/blog/sketchnotes/ sketchnotes_of_iit_institute_of_designs_design_research_ conference_2013_by_stefani_bachetti_25727.asp modular
  71. 71. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Scott Torrence http://www.flickr.com/photos/100566070@N06/9727471316 modular
  72. 72. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Carolyn Sewell http://www.flickr.com/photos/pedestriantype/8741556545 modular
  73. 73. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 popcorn
  74. 74. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Timothy Reynolds http://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/ popcorn
  75. 75. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Practice Session
  76. 76. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 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 }
  77. 77. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 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
  78. 78. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Gallery & Critique after we end!
  79. 79. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 further explorations
  80. 80. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 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
  81. 81. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 More viz think resources...
  82. 82. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 special offer! thanks to Mike for the discount code!
  83. 83. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Thanks! @katerutter http://intelleto.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×