UX Sketch Notes

I’m often asked to share the UX diagrams in my Moleskine sketchbook(s) and explain some of the techniques I use to create these. I plan on publishing a series of articles that explain my approach to UX Sketching and the materials I use. In the meantime I’ve here are a small selection of sketches (scanned directly from my notebooks).

pens-pencils-stencils

Faber-Castell Polychromos Pencils don’t bleed on Moleskine Paper

 

bikablo-inspired

Inspired by Bikablo (I love Bikablo)

 

pens-pencils

A journey or milestones metaphor works well for strategic planning

logging-overview

User flow style overview of data-entry, reporting and analytics system

ucas-ecosystem

Showing how, strategic, tactical and operational goals are interconnected

agile-ux-bikablo-misc

Agile UX Processes (left) and eye-candy (right)

intranet-card-home-page

Low-level “card ui” sketches (left) and the resulting hi-fi prototype (right)

complex-process

For complex systems I often sketch infographic style then walk users through it

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s