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
Slide 3
Slide 3 text
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
Slide 4
Slide 4 text
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
Slide 5
Slide 5 text
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
Slide 6
Slide 6 text
#PyconIndia2020
Sketchnoting 101:
Examples
. Imperfections are fine.
Be Visible. Share your work!
Be Persistent. Practice everyday.
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
Slide 12
Slide 12 text
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
Slide 13
Slide 13 text
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
Slide 14
Slide 14 text
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
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
Slide 17
Slide 17 text
Sketchnoting
Toolkit
FONTS
LAYOUTS
NAVIGATION
QUOTES
ICONS
PEOPLE
COLORS
RESOURCES
Try it!
Pick a simple layout for your
sketchnote.Use grid for zines.
Slide 18
Slide 18 text
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
Slide 19
Slide 19 text
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
Slide 20
Slide 20 text
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
Slide 21
Slide 21 text
Sketchnoting
Toolkit
FONTS
LAYOUTS
NAVIGATION
QUOTES
ICONS
PEOPLE
COLORS
RESOURCES
Try it!
Create a zine panel or a sketchnote
container where you “represent”
Slide 22
Slide 22 text
Sketchnoting
Toolkit
FONTS
LAYOUTS
NAVIGATION
QUOTES
ICONS
PEOPLE
COLORS
RESOURCES
Try it!
Use colors to create explicit
separation
Slide 23
Slide 23 text
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
Slide 24
Slide 24 text
#PyconIndia2020
Sketchnote
Practice
Show your work!
Slide 25
Slide 25 text
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
Slide 26
Slide 26 text
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
Slide 27
Slide 27 text
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.
Slide 28
Slide 28 text
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
Slide 29
Slide 29 text
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!