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

19,201
-1

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
158 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
19,201
On Slideshare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
340
Comments
0
Likes
158
Embeds 0
No embeds

No notes for slide

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

  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. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Who’s here? •name •past experience with visual notes / sketching •favorite superpower 5 minutes total
  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. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 •Intro to visual notes •rapid-rounds •practice session •gallery & critique •Next steps What we’ll do
  5. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 sketchnoting? graphic recording? graphic facilitation? visual note-taking?
  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. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Kate Rutter http://intelleto.com/portfolio/sketchnotes-service-experience- conference-2013/
  8. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Kate Rutter for Great Work MBA
  9. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Kate Rutter for Lippincott Customer Experience Event
  10. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Kate Rutter for Code for America
  11. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Why? • capture & remember ideas • Organize into structure • highlight emotional content • visually engaging & memorable • share & celebrate
  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. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Sketchnoting Basics Intro
  14. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 The basics...
  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. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Doug Neill http://www.thegraphicrecorder.com
  17. INTRO TO VISUAL NOTETAKING | JUL 8, 2014
  18. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Kate Rutter http://intelleto.com/portfolio/sketchnotes-service-experience- conference-2013/
  19. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Alexis Finch http://www.flickr.com/photos/agentfin/8721881140/in/ set-72157633702488134/
  20. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Mike Rohde
  21. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Carolyn Sewell http://www.carolynsewell.com/Sketchnotes
  22. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Maria Mariano https://medium.com/@mbfmariano/7e847855b27b
  23. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Common materials Gray marker or pencil Gel pens (.3 / .5 / .7) Unlined Moleskine
  24. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Good-enough materials
  25. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 quick activity to get your hand moving. warm-ups
  26. INTRO TO VISUAL NOTETAKING | JUL 8, 2014
  27. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 30 seconds
  28. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 • lettering • moodwords • things • ideas rapid rounds
  29. INTRO TO VISUAL NOTETAKING | JUL 8, 2014
  30. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 5 from 1 basic • serif • double • bubble • block Lettering
  31. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 basic serif double bubble block
  32. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 10 seconds basic tall wide
  33. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 moodwords
  34. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 20 seconds
  35. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 surprise!
  36. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 wild
  37. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 sleepy
  38. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 unique
  39. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 people (pssst: we didn’t cover this in the workshop, but it’s helpful...)
  40. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Star people
  41. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Star people
  42. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 More examples in this set of videos... http://bit.ly/sketchingpeople
  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. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 things
  45. INTRO TO VISUAL NOTETAKING | JUL 8, 2014
  46. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 15 seconds
  47. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 smart phone
  48. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 clouds
  49. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 umbrella
  50. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 globe
  51. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 hammer
  52. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 bicycle
  53. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 ideas
  54. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 20 seconds
  55. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 great idea
  56. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 balance
  57. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 adapt
  58. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 play
  59. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 share
  60. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 success
  61. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 But first, some tips... Practice Session
  62. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 • linear, vertical • radial & path • modular & popcorn Layouts
  63. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 linear vertical
  64. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Jessica Eldredge http://www.flickr.com/photos/jessabean/8705360625 linear vertical
  65. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 radial
  66. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Jason Alderman http://www.flickr.com/photos/jalderman/10039867503 radial
  67. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 path
  68. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Alexis Finch http://www.flickr.com/photos/agentfin/10986121516/in/set-72157637923005334 path
  69. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 modular
  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. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Scott Torrence http://www.flickr.com/photos/100566070@N06/9727471316 modular
  72. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Carolyn Sewell http://www.flickr.com/photos/pedestriantype/8741556545 modular
  73. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 popcorn
  74. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Timothy Reynolds http://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/ popcorn
  75. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Practice Session
  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. 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. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Gallery & Critique after we end!
  79. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 further explorations
  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. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 More viz think resources...
  82. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 special offer! thanks to Mike for the discount code!
  83. INTRO TO VISUAL NOTETAKING | JUL 8, 2014 Thanks! @katerutter http://intelleto.com

×