Low-fidelity versus high-fidelity wireframes

We will compare the two wireframes, lo-fi and hi-fi, in this section. When the wireframe shows little resemblance to the look of the proposed product, we call it a lo-fi, or low-fidelity wireframe. When the aim is to show visuals close to how the final product will look, we create a hi-fi, or high-fidelity wireframe. An example of both is shown in the following screenshot:

Let's now take a look at low-fidelity wireframes in detail.

Get User Experience Mapping now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.