All templates

Run a wireframe preference test
PRO

Req. Prototype

Wireframe Testing

Design

Don’t leave it down to the wire(frame). Validate your early-stage design outlines before you start to build on them. Save resources by giving the right commitment to the right projects.

What you'll learn:

How do users respond to your wireframes? Do your designs offer easy navigation for the intended task?

Test product functionality with low-fidelity prototypes, and count up clicks to measure interactivity with your designs.

Test early in your product journey to iterate on final designs—without breaking budget or deadlines.

Uncover usability issues and faulty frameworks to help improve user experience and satisfaction.

How to use

Select this wireframe preference template from the gallery.

Modify blocks and copy to your preference.

Do a pilot test with somebody in your organization (preferably, not on your team).

All good? Then it’s time to set it live and wait for the feedback to roll in!

Frequently Asked Questions

What is a wireframe?

A wireframe is a simplified representation of a page interface that defines:

The organization of each element on a page (the layout)
How each part will work (the functionality)
The way information will be presented to the user (the information architecture)
The steps a user takes to complete a task (the user flow)

What are the different types of wireframes?

There are three main types of wireframe: low-fidelity, mid-fidelity, and high-fidelity.

Low-fidelity wireframes are your rough early designs—they tend to contain very little content and be in greyscale.
Mid-fidelity wireframes are still a little rough around the edges, but they contain more elements and are closer to what you envision your final solution to look like.
High-fidelity wireframes are the highest quality version of wireframes. They’ll help you validate your design decisions with users while also testing for usability issues.