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.

Transcript

1. View Slide

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
   

   View Slide

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
   

   View Slide

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
   

   View Slide

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
   

   View Slide

6. #PyconIndia2020
   Sketchnoting 101:
   Examples
   . Imperfections are fine.
   Be Visible. Share your work!
   Be Persistent. Practice everyday.
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

10. #PyconIndia2020
    Ready
    Sketchnoter?
    

    View Slide

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
    

    View Slide

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
    

    View Slide

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
    

    View Slide

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
    

    View Slide

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

    View Slide

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
    

    View Slide

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

    View Slide

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
    

    View Slide

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
    

    View Slide

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
    

    View Slide

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

    View Slide

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

    View Slide

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
    

    View Slide

24. #PyconIndia2020
    Sketchnote
    Practice
    Show your work!
    

    View Slide

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
    

    View Slide

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
    

    View Slide

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.
    

    View Slide

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
    

    View Slide

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!
    

    View Slide