The document discusses sketchnoting, which involves visually mapping ideas from a presentation or event in real-time through drawings and diagrams rather than traditional note-taking. It is described as a holistic visual approach to note-taking that creates visual maps of concepts. The document provides examples of sketchnotes and outlines techniques for creating sketchnotes, including listening actively, synthesizing ideas visually, using basic shapes and images, and experimenting with different layout patterns. Mistakes are embraced as part of the process, and practice is encouraged to develop skills in visual note-taking.

1. The Mad 50 of Sketchnoting
Presenter: Gary Barber
@tuna

2. I ask stupid questions.
I find and solve complex problems.
Problems involving people.
I design for experiences.
I just design.
I also sketchnote, a little.

3. Sketchnotes are
just Visual Maps

4. Holistic approach to note taking
AKA:
Visual notes
Visual Meetings
Visual Mind Maps
Visual Facilitation

5. They are created in realtime
while listening to a presentation,
talk, workshop, meeting, movie,
TV program or after the event
dealing with a book, meal, night
out, holiday, week at work….
Creating Sketchnotes

6. It’s About Ideas NOT ART
Creating Sketchnotes

7. Mike Rohde - https://www.flickr.com/photos/rohdesign/4921071691/
Examples

8. dessinauteur - https://www.flickr.com/photos/dessinauteur/14512609888
Examples

9. Gary Barber - https://www.flickr.com/photos/cannedtuna/18041772676
Examples

10. Lucy Spence - https://www.flickr.com/photos/49415654@N07/8032538672
Examples

11. Anna Lena Schiller - https://www.flickr.com/photos/frauleinschiller/16586537988
Examples

12. Laura Ward - https://www.flickr.com/photos/frauleinschiller/16586537988
Examples

13. Paul Downey - https://www.flickr.com/photos/psd/4323672510
Examples

14. Mark Congiusta - https://www.flickr.com/photos/interactivemark/6804131935/
Examples

15. Tools of the trade - Pen and Paper
What do I use.

16. Yes it’s about drawing.
Creating Sketchnotes
Yes everyone can draw.
It you can draw a square, a circle and a
triangle - you can draw!

17. Getting in the Flow
Sketchnoting is great for
concentration
Also good talks are easy to
sketchnote
You will get completely
engaged, and in some cases
get in the flow.

18. How it works!
You already have an associate
Library of images to word.
Sketchnoting just uses them to
synthesise concepts to draw

19. Technically
Listen
Synthesise
Visualise
Draw the picture

20. Mistakes are good.
Own your mistakes, life is not perfect, neither
should be your sketchnotes.

21. Basic Elements
Let’s Draw
<Basic shapes>

22. Basic Elements
Next steps

23. Some of My Basic Library
House Car Book Clock Laptop Coffee Boat / Ship Truck
Cat Dog Train Tractor Light bulb Globe (Earth) Horse Tree
Hammer Spanner Fish Eye Bug Robot Torch Camera
Mobile
Phone
Desk Phone Headphones Battery TV Set DVD/CD Key Cap
Tablet Chair Table Skyscraper Satellite Moon Saturn Helicoper
Shoes Rubbish Bin Hamburger Pen Pencil Bucket Spider web Fire
Man Woman Hardhat Cliff face Toaster Bike
Library of
Books
Lots of Money
Grave Beer Bottle Drink Can Glass Sign Cake Case Flower

24. Some of My Basic Library

25. Basic Elements
Let’s Draw
Fish,
Horse,
Car,
Spanner,
Book

26. Basic Elements
Let’s Draw
There was a basic disconnect
with the overall Ethics of the
research division, electrocuting
students was just wrong.

27. Basic Elements
Let’s Draw
Left to its own devices the
market isn’t capable of ensuring
we don’t stuff up the
environment

28. Basic Elements
Let’s Draw
Offering anonymous
interchangeable housecleaners
on demand was more than just
a business.

29. But this is too hard
What’s the secret
Cheat - Practice
Cheat - Look up pics - copy /steal

30. But this is too hard
Cheat - preload the sketchnote with
the Titles and Speaker details

31. Active Listening
Relearn how to listen
FOCUS on speaker
ELIMINATE distractions
IMMERSE in presentation
CACHE ideas
FIND Patterns

32. Sketchnote Anatomy

33. Sketchnote Anatomy
Titles

34. Sketchnote Anatomy
Diagrams

35. Sketchnote Anatomy
Arrows

36. Sketchnote Anatomy
Dividers, Icons, Bullets

37. Sketchnote Anatomy
Typography

38. Sketchnote Anatomy
Typography
Carolyn Sewell - https://www.flickr.com/photos/pedestriantype/4008021833

39. Layout Patterns

40. Layout Patterns
Linear

41. Layout Patterns
Radial

42. Layout Patterns
Skyscraper
Rebecca Jackson - https://www.flickr.com/photos/_rebeccajackson/9054783505

43. Layout Patterns
Path Based

44. Layout Patterns
Modular
Hans Gerhard Meier - https://www.flickr.com/photos/fontourist/8466649244/

45. Layout Patterns
Popcorn

46. Layout Patterns
Vertical
Mike Rohde - https://www.flickr.com/photos/rohdesign/6044065863

47. Remember
There are no Rules! - just have a
GOOD STRUCTURE

48. Remember
Start small

49. Remember
Arrive Early - get a good seat

50. Remember
Watch the clock

51. Remember
Have fun with it

52. Your Turn
Let’s Sketchnote!

53. Take a few minutes
Every city needs healthy honey
bees
- Noah Wilson-Rich (12 Minutes)
Let’s draw up the title and Pic

55. More Reading
http://sketchnotearmy.com/
http://www.sketchnotesbook.com/resources/
Sketchnoting -
Kevin Mears
(five simple steps)
Sketchnote Workbook
- Mike Rohde
(Peachpit)
Sketchnote Handbook
- Mike Rohde
(Peachpit)
http://uxmastery.com/sketchnoting-101-
how-to-create-awesome-visual-notes/
Sketchnote Workbook
for Beginners: - Dale
Blake
(Speedy Publications)
Visual Meetings -
David Sibbet
👍 👍👍