Sketchnoting 101: How to create awesome visual notes

This guide by Matthew Magain outlines his process and tips for creating sketch-notes (what BetterEvaluation calls graphic recordings). 

This resource and the following information was suggested by Katherine Haugh. The recommendation below was completed by Alice Macfarlan.

Authors and their affiliation

Matthew Haigan (UX Mastery)

Key features

This guide walks through four stages of sketch-noting:

  • planning
  • listening
  • processing, and
  • drawing

How have you used or intend on using this resource?

I would use this as a basic primer before first attempting graphic recording. There's a lot of useful tips on what basic shapes and fonts to get your head (or hand?) around and how to set yourself up well to start sketching (e.g. which seat to choose, how to prepare and take advantage of downtime).

Why would you recommend it to other people?

This is a very practical guide, written for people who have never tried sketch-noting before. Hopefully there's enough common sense advice in here to alleviate some of people's fears or hesitations about having a go at graphic recording and have a go.


Matthew Haigan (2012). Sketchnoting 101: How To Create Awesome Visual Notes in UX Mastery (website). Retrieved from

'Sketchnoting 101: How to create awesome visual notes' is referenced in: