Sketchnoting - Agile Finlandagile.fi/wp-content/uploads/2014/01/Sketchnoting.pdf · In this...
Transcript of Sketchnoting - Agile Finlandagile.fi/wp-content/uploads/2014/01/Sketchnoting.pdf · In this...
About me
- Software tester for over 10 years
- Managing partner and test consultant at Altom.ro
- Worst possible/absolutely non-existent drawing skills (does this make me a good or a bad choice for this presentation?)
- Started sketchnoting about a year ago
In this presentation
• How I ended up doing my first sketchnote
• What are sketchnotes?
• Reasons to use sketchnoting
• How to sketchnote
• Why is it so popular?
In this presentation
• How I ended up doing my first sketchnote
• What are sketchnotes?
• Reasons to use sketchnoting
• How to sketchnote
• Why is it so popular?
A different way
• Ruud Cox - fellow tester from Holland
• http://ruudcox.wordpress.com/
• @ruudcox
A different way
• Ruud Cox - fellow tester from Holland
• http://ruudcox.wordpress.com/
• @ruudcox
http://rohdesign.com/
Mike Rohde - designer, author, illustrator and sketchnoter
Free Intro PDF:
http://goo.gl/r3UQr
@rohdesign
The Sketchnote Handbook
In this presentation
• How I ended up doing my first sketchnote
• What are sketchnotes?
• Reasons to use sketchnoting
• How to sketchnote
• Why is it so popular?
SKETCHNOTES = RICH VISUAL NOTES
- Made out of handwriting, drawings, typography, shapes & visual elements
- Create a condensed visual map of what you are hearing, seeing and thinking
In this presentation
• How I ended up doing my first sketchnote
• What are sketchnotes?
• Reasons to use sketchnoting
• How to sketchnote
• Why is it so popular?
I always know exactly:
- what I was thinking
- what it felt like
One look and I remember the topic + main points + what I liked/disliked
• http://en.wikipedia.org/wiki/Dual-coding_theory - from Alan Paivio (1971)
• Main points:
• visual and verbal information are processed along distinct channels
• mental images help learning
• both visual and verbal codes can be used when recalling information
Dual-coding Theory
In this presentation
• How I ended up doing my first sketchnote
• What are sketchnotes?
• Reasons to use sketchnoting
• How to sketchnote
• Why is it so popular?
Learn the main components
• Hierarchy & Typography
• Containers & Connectors/Dividers
• People
• Common Objects
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Hierarchy & Typography
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Hierarchy & Typography
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Hierarchy & Typography
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Hierarchy & Typography
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Hierarchy & Typography
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Hierarchy & Typography
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Hierarchy & Typography
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Hierarchy & Typography
Hierarchy & Typography
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Hierarchy & Typography
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Hierarchy & Typography
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Hierarchy & Typography
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Hierarchy & Typography
•CAPITALS
• Bold lettering TYPE
• BLOCK LETTERS • Different “fonts”
• Bullets points
• Size
Containers & Connectors
• BASIC SHAPES make for great containers
• Thought and speech bubbles
!
• Arrows
• Lines
Containers & Connectors
• BASIC SHAPES make for great containers
• Thought and speech bubbles
!
• Arrows
• Lines
• Research and “cheating” (looking up how to draw this or that)
• Actual drawing or sketchnoting
• Tools/Apps I like:
• Adobe Ideas (Free)
• SketchBook (Free option available)
• Notability
Smart phones & tablets
In this presentation
• How I ended up doing my first sketchnote
• What are sketchnotes?
• Reasons to use sketchnoting
• How to sketchnote
• Why is it so popular?
Hypothesis #1:
In the Agile world, visualizing ideas is becoming more and more popular in general
There's value in quick learning, quick recalling, quick explaining
Sketchnotes are like mindmaps
Hypothesis #2:
In the "Age of Distraction" and social media, it's good to:
- stay focused and extract key ideas
- share your original ideas/notes and improve your "virtual persona"
Hypothesis #3:
A lot of IT companies are looking for creativity when hiring new people
!
Sketchnotes stand as proof that we are not afraid to be wrong and we can come up with original materials and ideas
"Story of the little girl"
Ken Robinson - How Schools Kill Creativity http://www.ted.com/talks/
ken_robinson_says_schools_kill_creativity.html
Online Resources for Sketchnoting
!
• http://goo.gl/r3UQr - Link to Free PDF - excerpt from The Sketchnote Handbook
• http://rohdesign.com/ - Mike Rhode's website
• http://sunnibrown.com/doodlerevolution/ - Doodle Revolution from Sunni Brown
• http://sketchnotearmy.com/ - Sketchnote Army - A collection of first time sketchnotes