Stage 1: Wireframing with pen and paper

I don’t use any particular software for wireframing, since I find nothing as flexible or quick to document my ideas.

However, I don’t use just any notebook: I highly recommend picking up one with a grid to make it easier for you to draw out the borders that you need. I don’t do a great job drawing straight lines, and my “designer notebook” helps a lot.

I also recommend trying out a bunch of different pens and/or pencils. I use a fairly basic Uniball for a reason: I love writing with it anyway, it doesn’t bleed color on my notebook and, with a slightly thicker line, it prevents me from getting very specific. I really don’t like getting into details in design for things like copy: the goal of a wireframe is to jot down the higher level structure of the screen that I can fill in later.