GETTING STARTED WITH SKETCHNOTING Michele Ide-Smith User Experience Designer, Red Gate @micheleidesmith
Workshop plan• Introduction (3m)• Getting started (7m)• Let’s sketch! (15 m)
WHAT ISSKETCHNOTING?
What is sketchnoting?Illustration by Mike Rohde from The Sketchnote Handbook (Peachpit) Visual note taking
Lots of different styles… Carolyn Sewell Gerren Lamsonhttp://www.flickr.com/photos...
Lots of different styles… agent.fin Eva-Lotta Lamhttp://www.flickr.com/photos/agentf...
Lots of different styles… Francis Rowland Mike Rohdehttp://www.flickr.com/photos/f...
Discover your own style! Michele Ide-Smith http://www.flickr.com/photos/micheleidesmith/
WHY DOSKETCHNOTING?
Learning & MemoryPaivio’s ‘Dual Coding Theory’
Skills & ConfidenceExplore design problems Communicate and collaborate with your team
GETTING STARTED
Tools of the trade
At the event• Get a good seat with a clear view• Have your pens handy (it’s distracting for others if you scrabble around...
Listening and live sketching• Listen for key points you’ll want to re-visit*• Great quotes? What would you tweet?• What im...
StructurePath Molecule Grid Vertical Clouds
PeopleLo-fidelity Hi(gher)-fidelity ExpressiveDifferent body sizes Seated Active ...
Objects
Containers
Dividers & ConnectorsHorizontal Curves Connectors Shading adds emphasis
Typography
LET’S SKETCH!
Try creating a sketchnote!• Now it’s your turn!• Let’s watch a short TED talk (6 m 51 s)• Listen for key quotes & importan...
Finishing TouchesAdd colour & shading (I love Promarkers!)
Share Your SketchnotesTake a picture or Then share with people at thescan your notes event, or those tracking remo...
Top 10 Tips1. Practise often! TED & UX talks, Meet Ups2. Always carry a sketchbook & pens to events3. Add title & speaker ...
Top 10 Tips6. Watch the time & space you have left7. Use shading to turn mistakes into something else (or scan & edit i...
Useful Stuff!rohdesign.com/book/sketchnotearmy.comflickr.com/groups/thesketchnotehandbook/sunnibrown.com/doodlerevolution/
Get in touch! @micheleidesmith www.ide-smith.co.uke michele.ide-smith [at] red-gate [dot] com
Upcoming SlideShare
Loading in …5
×

Getting Started With Sketchnoting

178,626 views

Published on

A 25 minute workshop on sketchnoting (visual note taking) which I ran at the UK UXPA Creativity event on 21 March 2013, in London. I ran the workshop 3 times back-to-back and by the end of the evening we had around 50 sketchnotes created by the workshop attendees! Mike Rohde and Peachpit very kindly gave me 3 copies of The Sketchnote Handbook to give away and I picked out 3 budding sketchnoters to receive the books. Thanks to the UK UPA for organising the Creativity event and Sapient Nitro for hosting! And a hat tip to Eva-Lotta Lamm who inspired me to start sketchnoting back in 2011.

Published in: Design
1 Comment
138 Likes
Statistics
Notes
no profile picture user
Show More
No Downloads
Views
Total views
178,626
On SlideShare
0
From Embeds
0
Number of Embeds
122,154
Actions
Shares
0
Downloads
703
Comments
1
Likes
138
Embeds 0
No embeds

No notes for slide

Getting Started With Sketchnoting

  1. GETTING STARTED WITH SKETCHNOTING Michele Ide-Smith User Experience Designer, Red Gate @micheleidesmith
  2. Workshop plan• Introduction (3m)• Getting started (7m)• Let’s sketch! (15 m)
  3. WHAT ISSKETCHNOTING?
  4. What is sketchnoting?Illustration by Mike Rohde from The Sketchnote Handbook (Peachpit) Visual note taking
  5. Lots of different styles… Carolyn Sewell Gerren Lamsonhttp://www.flickr.com/photos/pedestriantype/ http://www.flickr.com/photos/25552033@N06/
  6. Lots of different styles… agent.fin Eva-Lotta Lamhttp://www.flickr.com/photos/agentfin/ http://www.flickr.com/photos/evalottchen/
  7. Lots of different styles… Francis Rowland Mike Rohdehttp://www.flickr.com/photos/francisrowland/ http://www.flickr.com/photos/rohdesign/
  8. Discover your own style! Michele Ide-Smith http://www.flickr.com/photos/micheleidesmith/
  9. WHY DOSKETCHNOTING?
  10. Learning & MemoryPaivio’s ‘Dual Coding Theory’
  11. Skills & ConfidenceExplore design problems Communicate and collaborate with your team
  12. GETTING STARTED
  13. Tools of the trade
  14. 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!)
  15. 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
  16. StructurePath Molecule Grid Vertical Clouds
  17. PeopleLo-fidelity Hi(gher)-fidelity ExpressiveDifferent body sizes Seated Active Hands Characterful
  18. Objects
  19. Containers
  20. Dividers & ConnectorsHorizontal Curves Connectors Shading adds emphasis
  21. Typography
  22. LET’S SKETCH!
  23. 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
  24. Finishing TouchesAdd colour & shading (I love Promarkers!)
  25. Share Your SketchnotesTake a picture or Then share with people at thescan your notes event, or those tracking remotely!
  26. Top 10 Tips1. Practise often! TED & UX talks, Meet Ups2. Always carry a sketchbook & pens to events3. Add title & speaker name before the talk, or leave space to complete them later4. Think like a designer: structure & flow, proximity & grouping, size, colour & contrast5. Don’t panic if you miss something! Transcribe 2-3 words, leave space & refer to slides later
  27. Top 10 Tips6. Watch the time & space you have left7. Use shading to turn mistakes into something else (or scan & edit in Photoshop!)8. Add event name & Twitter handle9. Don’t use reverse of pages & add a blank sheet between pages (prevent bleed through)10. Relax, be creative & above all, enjoy yourself!
  28. Useful Stuff!rohdesign.com/book/sketchnotearmy.comflickr.com/groups/thesketchnotehandbook/sunnibrown.com/doodlerevolution/
  29. Get in touch! @micheleidesmith www.ide-smith.co.uke michele.ide-smith [at] red-gate [dot] com

×