Download - Getting Started With Sketchnoting
![Page 1: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/1.jpg)
GETTING STARTED WITH
SKETCHNOTING Michele Ide-Smith
User Experience Designer, Red Gate
@micheleidesmith
![Page 2: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/2.jpg)
Workshop plan
• Introduction (3m)
• Getting started (7m)
• Let’s sketch! (15 m)
![Page 3: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/3.jpg)
WHAT IS
SKETCHNOTING?
![Page 4: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/4.jpg)
What is sketchnoting?
Visual note taking
Illustration by Mike Rohde from The Sketchnote Handbook (Peachpit)
![Page 5: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/5.jpg)
Lots of different styles…
Carolyn Sewell http://www.flickr.com/photos/pedestriantype/
Gerren Lamson http://www.flickr.com/photos/25552033@N06/
![Page 6: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/6.jpg)
Lots of different styles…
agent.fin http://www.flickr.com/photos/agentfin/
Eva-Lotta Lam http://www.flickr.com/photos/evalottchen/
![Page 7: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/7.jpg)
Lots of different styles…
Francis Rowland http://www.flickr.com/photos/francisrowland/
Mike Rohde http://www.flickr.com/photos/rohdesign/
![Page 8: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/8.jpg)
Discover your own style!
Michele Ide-Smith http://www.flickr.com/photos/micheleidesmith/
![Page 9: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/9.jpg)
WHY DO
SKETCHNOTING?
![Page 10: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/10.jpg)
Learning & Memory
Paivio’s ‘Dual Coding Theory’
![Page 11: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/11.jpg)
Skills & Confidence
Explore design problems Communicate and collaborate
with your team
![Page 12: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/12.jpg)
GETTING STARTED
![Page 13: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/13.jpg)
Tools of the trade
![Page 14: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/14.jpg)
At the event
• Get a good seat with a clear view
• Have your pens handy (it’s distracting for
others if you scrabble around in your bag!)
![Page 15: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/15.jpg)
Listening and live sketching
• Listen for key points you’ll want to re-visit*
• Great quotes? What would you tweet?
• What images pop into your head? Don’t be
afraid to try sketching them.
• Don’t stress if you don’t catch everything!
*a good speaker lays out the structure of their talk at the start
![Page 16: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/16.jpg)
Structure
Path Molecule Grid Vertical Clouds
![Page 17: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/17.jpg)
People
Lo-fidelity Hi(gher)-fidelity Expressive
Different body sizes Active Seated Characterful Hands
![Page 18: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/18.jpg)
Objects
![Page 19: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/19.jpg)
Containers
![Page 20: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/20.jpg)
Dividers & Connectors
Horizontal Curves
Shading adds emphasis
Connectors
![Page 21: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/21.jpg)
Typography
![Page 22: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/22.jpg)
LET’S SKETCH!
![Page 23: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/23.jpg)
Try creating a sketchnote!
• Now it’s your turn!
• Let’s watch a short TED talk (6 m 51 s)
• Listen for key quotes & important ideas
Tom Wujec – Build a Tower, Build a Team www.ted.com/talks/tom_wujec_build_a_tower.html
![Page 24: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/24.jpg)
Finishing Touches
Add colour & shading (I love Promarkers!)
![Page 25: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/25.jpg)
Share Your Sketchnotes
Take a picture or
scan your notes
Then share with people at the
event, or those tracking remotely!
![Page 26: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/26.jpg)
Top 10 Tips
1. Practise often! TED & UX talks, Meet Ups
2. Always carry a sketchbook & pens to events
3. Add title & speaker name before the talk, or
leave space to complete them later
4. Think like a designer: structure & flow,
proximity & grouping, size, colour & contrast
5. Don’t panic if you miss something! Transcribe
2-3 words, leave space & refer to slides later
![Page 27: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/27.jpg)
Top 10 Tips
6. Watch the time & space you have left
7. Use shading to turn mistakes into something
else (or scan & edit in Photoshop!)
8. Add event name & Twitter handle
9. Don’t use reverse of pages & add a blank
sheet between pages (prevent bleed through)
10. Relax, be creative & above all, enjoy yourself!
![Page 28: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/28.jpg)
Useful Stuff!
rohdesign.com/book/
sketchnotearmy.com
flickr.com/groups/thesketchnotehandbook/
sunnibrown.com/doodlerevolution/
![Page 29: Getting Started With Sketchnoting](https://reader036.vdocument.in/reader036/viewer/2022062523/58f9aa5c760da3da068b782b/html5/thumbnails/29.jpg)
Get in touch!
@micheleidesmith
www.ide-smith.co.uk
michele.ide-smith [at] red-gate [dot] com
e