• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Getting Started With Sketchnoting

Getting Started With Sketchnoting



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 ...

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.



Total Views
Views on SlideShare
Embed Views



43 Embeds 8,757

http://www.schrockguide.net 5970
http://veronicamariajarski.com 717
http://learni.st 631
http://www.pinterest.com 487
http://www.cache.k12.ok.us 361
http://www.scoop.it 171
https://twitter.com 93
http://pinterest.com 67
http://www.weebly.com 65
http://300-lideres.blogspot.com 45
http://cache.k12.ok.us 35
http://300-lideres.blogspot.com.es 20
http://www.google.com 12
http://300-lideres.blogspot.mx 11
http://feeds.feedburner.com 11
http://300-lideres.blogspot.com.ar 7
http://es.pinterest.com 7
http://plus.url.google.com 4
http://makedowith.com 4
http://sk.pinterest.com 3
http://www.google.co.uk 3
http://fr.pinterest.com 3
http://www.onlydoo.com 3
https://www.google.com 3
http://www.google.com.co 2
http://webcache.googleusercontent.com 2
http://300-lideres.blogspot.hu 2
http://de.pinterest.com 2
http://www.caucapino4u.com 2
http://www.google.com.gt 1
http://news.google.com 1
http://gb.pinterest.com 1
http://www.google.es 1
http://fr.slideshare.net 1
http://300-lideres.blogspot.ru 1
http://m.pinterest.com 1
http://webmail2.prodigy.net.mx 1
http://veronicamariajarski.wordpress.com 1
https://web.tweetdeck.com 1
https://drive.jolicloud.com 1
http://translate.googleusercontent.com 1
http://learnist-production-1358185659.us-east-1.elb.amazonaws.com 1
http://nl.pinterest.com 1



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Getting Started With Sketchnoting Getting Started With Sketchnoting Presentation Transcript

    • 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 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/pedestriantype/ http://www.flickr.com/photos/25552033@N06/
    • Lots of different styles… agent.fin Eva-Lotta Lamhttp://www.flickr.com/photos/agentfin/ http://www.flickr.com/photos/evalottchen/
    • Lots of different styles… Francis Rowland Mike Rohdehttp://www.flickr.com/photos/francisrowland/ http://www.flickr.com/photos/rohdesign/
    • Discover your own style! Michele Ide-Smith http://www.flickr.com/photos/micheleidesmith/
    • Learning & MemoryPaivio’s ‘Dual Coding Theory’
    • Skills & ConfidenceExplore design problems Communicate and collaborate with your team
    • 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 in your bag!)
    • 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
    • StructurePath Molecule Grid Vertical Clouds
    • PeopleLo-fidelity Hi(gher)-fidelity ExpressiveDifferent body sizes Seated Active Hands Characterful
    • Objects
    • Containers
    • Dividers & ConnectorsHorizontal Curves Connectors Shading adds emphasis
    • Typography
    • 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
    • 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 remotely!
    • 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
    • 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!
    • 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