Visual Storytelling - PyConIndia 2020

Visual Storytelling - PyConIndia 2020

Visual storytelling is about using visual imagery, words, metaphors and related workflows to help make complex concepts easier to understand and more inclusive to diverse audiences. Visual cues also help improve recall and build visibility for topics and speakers in our fast-paced world. Join me for a quick review of the visual storytelling landscape, and an introduction to sketchnoting.

5b392dc79d5b6d1dab580bf60e26fb7c?s=128

Nitya Narasimhan, PhD

October 02, 2020
Tweet

Transcript

  1. None
  2. About Me @nitya | #in/nityan PhD & Parent Teaching concepts

    by telling stories Research & Development. Solving problems by creating connections Senior Cloud Advocate @Microsoft Communicating ideas to diverse audiences
  3. Agenda Participate & Share! Visual Storytelling What is it? Why

    should we care? Sketchnoting 101 Sketchnoting Examples Getting Started: Toolkit Learn By Doing Deconstructing Examples Explore & Share You don’t need to be an artist! Your perspective makes this unique
  4. What is a Sketchnote? Rapid Capture of concepts or ideas,

    often in real-time With words + images create visual interest, clarify ideas & aid recall be authentic, have fun It’s about ideas, not art! Mike Rohde
  5. Why should you sketchnote? 65% of users are Visual Learners

    (let’s be inclusive) 90% accuracy On recall in 72 hours (enhance the takeaway) Build a skill creativity revitalizes the brain, visuals amplify your brand Mike Rohde https://rohdesign.com Denise Yu https://deniseyu.io/art Maggie Appleton https://illustrated.dev
  6. #PyconIndia2020 Sketchnoting 101: Examples . Imperfections are fine. Be Visible.

    Share your work! Be Persistent. Practice everyday.
  7. Sketchnoting Examples Visual Report Sketchnote talks Visibility + Connection Visual

    Review Sketch book reviews Perspective & Recall Visual Guide Sketch tutorials Listening & Learning
  8. Sketchnoting Examples Visual Report Sketchnote talks Visibility + Connection Visual

    Review Sketch book reviews Perspective + Recall Visual Guide Sketch tutorials Listening & Learning
  9. Sketchnoting Examples Visual Report Sketchnote talks Visibility + Connection Visual

    Review Sketch book reviews Perspective & Recall Visual Guide Sketch tutorials Listening & Learning
  10. #PyconIndia2020 Ready Sketchnoter?

  11. Option 2: Sketchnote Plan to sketch the target in freeform

    on a single sheet Option 3: Zine Plan to sketch the target using 8 tiles on a single sheet Pick a test target aka.ms/visual-azure-docs aka.ms/visual-azure-learn aka.ms/visual-azure-channel9 Option 1: Prompt Define a term in just a few words and one image Share it with us! #SketchtheDocs @nitya #PyConIndia2020
  12. Before We Begin Option 1: Prompt Summary as free-form single

    page with words and images Option 2: Sketchnote Summary as free-form single page with words and images Option 3: Zine Summary as 8-panel on single page with words and images https://twitter.com/letssketchtech
  13. Before We Begin Option 2: Sketchnote Summary as free-form single

    page with words and images Option 3: Zine Summary as 8-panel on single page with words and images Option 1: Prompt ummary as free-form single page with words and images
  14. Before We Begin Option 2: Sketchnote Summary as free-form single

    page with words and images Option 3: Zine Summary as 8-panel on single page with words and images Option 1: Prompt ummary as free-form single page with words and images
  15. Sketchnoting Toolkit FONTS ✓ LAYOUTS ✓ NAVIGATION ✓ QUOTES ✓

    ICONS ✓ PEOPLE ✓ COLORS ✓ RESOURCES✓
  16. Sketchnoting Toolkit FONTS LAYOUTS NAVIGATION QUOTES ICONS PEOPLE COLORS RESOURCES

    Try it! Write the target title using a large block font Monoton | fonts.google.com
  17. Sketchnoting Toolkit FONTS LAYOUTS NAVIGATION QUOTES ICONS PEOPLE COLORS RESOURCES

    Try it! Pick a simple layout for your sketchnote.Use grid for zines.
  18. Sketchnoting Toolkit FONTS LAYOUTS NAVIGATION QUOTES ICONS PEOPLE COLORS RESOURCES

    Try it! You might need to connect regions or concepts that are not adjacent Sacha Chua | Sketchnote Lessons Helen Cann | How to make Hand-drawn maps
  19. Sketchnoting Toolkit FONTS LAYOUTS NAVIGATION QUOTES ICONS PEOPLE COLORS RESOURCES

    Try it! Read the page or listen to the video. Pick a phrase that resonates. Then “Take Time to be boring .. Practice Productive Procrastination” Austin Kleon
  20. Sketchnoting Toolkit FONTS LAYOUTS NAVIGATION QUOTES ICONS PEOPLE COLORS RESOURCES

    Try it! Pick 2-3 keywords from the text or transcript, draw representative icons Noun Project | Find Inspiration | Give attribution as asked
  21. Sketchnoting Toolkit FONTS LAYOUTS NAVIGATION QUOTES ICONS PEOPLE COLORS RESOURCES

    Try it! Create a zine panel or a sketchnote container where you “represent”
  22. Sketchnoting Toolkit FONTS LAYOUTS NAVIGATION QUOTES ICONS PEOPLE COLORS RESOURCES

    Try it! Use colors to create explicit separation
  23. Sketchnoting Toolkit FONTS LAYOUTS NAVIGATION QUOTES ICONS PEOPLE COLORS RESOURCES

    Creative Lettering | Jenny Doh Doodle Revolution | Sunni Brown Sketchnote Books | Mike Rohde On Creativity | Austin Kleon Illustrated.dev | Maggie Appleton Anthropomorphism | Denise Yu Other sources of inspiration
  24. #PyconIndia2020 Sketchnote Practice Show your work!

  25. Sketchnoting Practice! Pick a test target Docs = Concept Learn

    = Tutorial Channel 9 = Video Option 1: Sketchnote Plan to sketch the target in freeform on a single sheet Option 2: Zine Plan to sketch the target using 8 tiles on a single sheet Sketch a Docs Page aka.ms/visual-azure-docs Sketch a Learn Tutorial aka.ms/visual-azure-learn Sketch a Channel 9 Video aka.ms/visual-azure-channel9 Share it: #SketchtheDocs @nitya #PyConIndia2020
  26. Static Sketchnote aka.ms/visual-azure-docs Start here first Pen & Paper Focus

    on pacing, structure and capturing with clarity You will make mistakes And that’s part of the value It’s personal & unique
  27. Dynamic Sketchnote aka.ms/visual-azure-docs Go here next Digital Software Ability to

    add layers, create cheat-sheets, fix mistakes Use to evolve your creativity. Don’t replace paper. Complement it.
  28. Sketchnoting Practice! Pick a test target Docs = Concept Learn

    = Tutorial Channel 9 = Video Option 1: Sketchnote Plan to sketch the target in freeform on a single sheet Option 2: Zine Plan to sketch the target using 8 tiles on a single sheet Sketch a Docs Page aka.ms/visual-azure-docs Sketch a Learn Tutorial aka.ms/visual-azure-learn Sketch a Channel 9 Video aka.ms/visual-azure-channel9 Share it: #SketchtheDocs @nitya #PyConIndia2020
  29. Option 2: Sketchnote Plan to sketch the target in freeform

    on a single sheet Option 3: Zine Plan to sketch the target using 8 tiles on a single sheet Pick a test target aka.ms/visual-py-docs aka.ms/visual-py-tuts aka.ms/visual-py-video Option 1: Prompt Define a term in just a few words and one image Share it with us! #SketchtheDocs @nitya #PyConIndia2020 Thank you!