Hands-On UX Design for Developers

Low-fidelity wireframes

This type of wireframe is what I usually like to call a paper wireframe, since, most of the time we create this type of wireframes using pen and paper.

Basically, we have only two colors, white, which is the background color or paper, and black, which is the pencil. With this type of wireframe, we try to focus on our job of creating the big picture of the product, without going into detail.

The basic elements of the user interface that we can use are boxes, text, and lines, and we shouldn't add any other advanced details in our sketches. Often, this type of wireframes is quite abstract, which gives us only the basic structure of our product interface:

As you can see in the preceding photo, I sketched and created the ...