The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

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

on

  • 16,174 views

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

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.

Statistics

Views

Total Views
16,174
Views on SlideShare
15,149
Embed Views
1,025

Actions

Likes
144
Downloads
275
Comments
0

21 Embeds 1,025

http://moodle.montessori.org.uk 334
http://stephenslighthouse.com 208
http://www.scoop.it 172
http://feedly.com 91
https://twitter.com 79
http://lonewolflibrarian.wordpress.com 70
http://mangastorytelling.tistory.com 29
http://www.newsblur.com 13
http://www.feedspot.com 7
http://www.google.com 4
http://reader.aol.com 3
https://www.linkedin.com 3
http://newsblur.com 2
http://www.slideee.com 2
http://www.library.ceu.hu 2
https://lonewolflibrarian.wordpress.com 1
http://digg.com 1
https://www.inoreader.com 1
http://pulse.me&_=1405267313359 HTTP 1
https://tweetdeck.twitter.com 1
http://pulse.me&_=1405267313045 HTTP 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 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