It can be tempting to launch Illustrator, Photoshop, Axure, [enter the name of your favorite digital design tool here] when you’re assigned a new UX project, especially if you’re a pixel perfectionist working in a fast-paced environment. You have tight deadlines to meet, stakeholder approval to win, and revisions – well they are certainly expected. So you may think that you’ll save time by going straight to your digital device to create wireframes, but I urge, resist the temptation. Start with good ol’ pen and paper. Sketch, discuss, repeat.
Why does this technique work?
Here are a few of my favorite sketching tools:
Simple but handy, the Design Commission has created stencil kits for website, iOS, Android, and Windows Phone design. The stencils include standard UI elements and controls that are frequently used. I’m not sure I’d call it a time saver, but it does keep your sketches tidy and more importantly, clear. While made of stainless steel, they’re a bit thinner than I originally expected but fortunately you can store them in the accompanying plastic protector. The kit also includes a Zebra pencil which I absolutely love and you can print templates from the UI Stencils site.
I think Konigi offers the best set of printable paper templates. They have a single wireframe template with or without notes section, 8-up template for thumbnail sketches, 6-up template for storyboards, or a simple dot grid format.
Because great ideas often come at the most random times, every designer should carry a notebook with them (or a stack of napkins). Moleskines are classic, but once I discovered the Ecosystem notebook series I haven’t turned back. They’re not only attractive and functional, but environmentally-friendly and made by local manufactures.
Some debate using pen over pencil to sketch. The argument is that with pencil, you’re more likely to erase, re-draw, and second-guess. Pencil can also smudge and become messy. By using a pen, you’re more likely to think through the idea, commit, and move on to the next idea. I believe in using whatever your comfortable with to get ideas on paper so you can evaluate and learn quickly. I personally use both and in fact use color coding to make call-outs and distinguish interactions. Sharpies, Sakura Micron Pens, and Zebra mechanical pencils are my go-to.
Prep your various sketches for stakeholder review by organizing and adding annotations to them on one large sheet of paper, also known as sketchboards. If you’re working remotely, you can also scan your sketches to create a virtual sketchboard. This technique helps narrate your design decisions and structures the discussion so stakeholders can see the full picture and comment. Here’s a video that provides additional detail on sketchboarding: