Slide 1

Slide 1 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV #SketchTheDocs Why How Visual Storytelling Can Improve Your Learning & Communication Skills @NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV

Slide 2

Slide 2 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Abstract Did you know 65% of us are visual learners? And that writing things down, and using visual vocabularies, can improve your understanding, retention, and recall, of complex information? Join me as we explore the world of visual storytelling from building your own visual toolkit ("learn to sketch") to creating rich visual guides ("sketch to learn") that make technology feel more relatable. We'll explore a visual storytelling roadmap from note-taking to metaphors, from digital to physical, and passive to interactive, usage.

Slide 3

Slide 3 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV What is Visual Storytelling? Using a Visual Vocabulary To Communicate Complex Ideas To Assist With Understanding Retention Recall

Slide 4

Slide 4 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Why Visual Storytelling? Every person processes information differently 2 out of 3 humans learn visually Our brains absorb spatial & visual information faster, detecting patterns, making connections improving retention From: "How to Spot Visual, Auditory and Kinesthetic Learning Executives..", Inc Online

Slide 5

Slide 5 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV My Visual Storytelling Journey Became Journaling evolved to a way of capturing key memories Started As Self-Care drawing helped me cope with anxiety Then Storytelling visualizing technology to grow awareness, understanding & recall @nitya | @sketchthedocs

Slide 6

Slide 6 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Visual Storytelling : Tech & DevRel Visual Storytelling apply your skills to other areas (public speaking), learn from community Sketchnoting 101 jumpstart your journey by building your visual toolkit for note-taking Amplify Messaging visualizing takeaways for attention & recall Personal Branding document user tech journeys memorably

Slide 7

Slide 7 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV What is Sketchnoting? Rapid Note-taking Visual Capture of Ideas Information Summarization & Synthesis

Slide 8

Slide 8 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Rapid Note-taking Visual Capture of Ideas Information Summarization & Synthesis What is Visual Storytelling?? Explain Metaphorically (analogies) Connect Emotionally (anthropomorphism) Visualize Consistently (vocabularies)

Slide 9

Slide 9 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Learn To Sketch: @nitya | @sketchthedocs

Slide 10

Slide 10 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV 1. Stretch your sketching muscles daily! Rediscover the joy of doodling making visual marks will help you think and increases your focus Without lifting your pen, doodle a line over and around, crisscrossing in many places. Color or pattern enclosed areas. How did that feel? @nitya | @sketchthedocs

Slide 11

Slide 11 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV 2. Build a Visual Storytelling Toolkit FONTS QUOTES PEOPLE ICONS CONTAINERS LAYOUTS DIRECTION COLORS Typography & Imagery Colors & Composition

Slide 12

Slide 12 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV 3. Visual Toolkit : Fonts FONTS QUOTES PEOPLE ICONS CONTAINERS LAYOUTS DIRECTION COLORS Types = Visual Interest Sizes = Hierarchy Fast for Capture, Slow for Clarity

Slide 13

Slide 13 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV 4. Visual Toolkit : Quotes FONTS QUOTES PEOPLE ICONS CONTAINERS LAYOUTS DIRECTION COLORS Listen for repetitions Select for resonance Learn to listen with intent!

Slide 14

Slide 14 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV 5. Visual Toolkit : People FONTS QUOTES PEOPLE ICONS CONTAINERS LAYOUTS DIRECTION COLORS Start with basic figures Build up to faces Make a cheatsheet!

Slide 15

Slide 15 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV 6. Visual Toolkit : Icons FONTS QUOTES PEOPLE ICONS CONTAINERS LAYOUTS DIRECTION COLORS Focus on the familiar Just enough to recognize Inspiration: Noun Project!

Slide 16

Slide 16 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV 7. Visual Toolkit : Containers FONTS QUOTES PEOPLE ICONS CONTAINERS LAYOUTS DIRECTION COLORS Composition for clarity Groups & Boundaries Cultivate a sense of whimsy

Slide 17

Slide 17 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV 8. Visual Toolkit : Layouts FONTS QUOTES PEOPLE ICONS CONTAINERS LAYOUTS DIRECTION COLORS Think about how your audience consumes info Book, Webpage, Workflow, Table

Slide 18

Slide 18 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV 9. Visual Toolkit : Direction FONTS QUOTES PEOPLE ICONS CONTAINERS LAYOUTS DIRECTION COLORS Help your reader navigate Use familiar signals Arrows, Maps, Trails

Slide 19

Slide 19 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV 10. Visual Toolkit : Colors FONTS QUOTES PEOPLE ICONS CONTAINERS LAYOUTS DIRECTION COLORS Create visual separation Create contextual connect Challenge: Think accessibility!!

Slide 20

Slide 20 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Sketch To Learn: @nitya | @sketchthedocs

Slide 21

Slide 21 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Capture Talks Live: Share & Recall https://twitter.com/arunulag/status/1335990361768902656 @nitya | @sketchthedocs

Slide 22

Slide 22 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV https://twitter.com/nitya/status/1351765213796851712 Share in near-real time Reinforce core messaging @nitya | @sketchthedocs Capture Ahead, Share Live: Amplify

Slide 23

Slide 23 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Learning Guides: Pre-Read, Post-Review @nitya | @sketchthedocs https://aka.ms/visual-azure-cmu-elasticity

Slide 24

Slide 24 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Chalk The Talk: Before, During, After @nitya | @sketchthedocs

Slide 25

Slide 25 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Zine The Scene – Giveaway your message! Summarize content in 8 cells (on a single page) Paper or Digital Templates (speed up execution) @nitya | @sketchthedocs

Slide 26

Slide 26 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV #ABSee – Visual Vocabulary Games @nitya | @sketchthedocs

Slide 27

Slide 27 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Resources: Learn, Copy, Contribute! https://cloud-skills.dev https://dev.to/t/visualizeit Free, 6-part online workshop series (skill yourself up!) Repository of tech sketchnotes (contributions welcome!) @nitya | @sketchthedocs

Slide 28

Slide 28 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Resources: People, Books & Practice On Creativity | Austin Kleon Letters, Maps, Processes Eva-Lotta Lamm Sketchnoting Ideas Denise Yu | Anthropomorphism Maggie Appleton Visual Metaphors Mike Rohde | #SketchnoteArmy @nitya | @sketchthedocs

Slide 29

Slide 29 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV @nitya | @sketchthedocs Own your Takeaway! – @sketchthedocs

Slide 30

Slide 30 text

@NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV Thank You! Follow @sketchthedocs | Chat @nitya Share your journey: #SketchTheDocs Sketchnotes: https://cloud-skills.dev Workshops: https://dev.to/t/visualizeit @NITYA NARASIMHAN | 2021 VISUAL STORYTELLING & TECH @SKETCHTHEDOCS | HTTPS://CLOUD-SKILLS.DEV