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.