Skip to Content Skip to Navigation

User Experience Toolkit

Wireframing

Certain interface ideas and concepts may seem like great ideas initially - but when they are laid out on paper, assumptions can be validated.

What is Wireframing?

Wireframing is a way to design a website service at the structural level. A wireframe is commonly used to lay out content and functionality on a page which takes into account user needs and user journeys. Wireframes are used early in the development process to establish the basic structure of a page before visual design and content is added.

Why use Wireframing?

One of the great advantages of wireframing is that it provides an early visual that can be used for review with the client. Users can also review it as an early feedback mechanism for prototype usability tests. Not only are wireframes easier to amend than concept designs, once approved by the client and the users they provide confidence to the designer.

From a practical perspective, the wireframes ensure the page content and functionality are positioned correctly based on user and business needs. As the project moves forward, they can also be used as a good dialogue between members of the project team to agree on the project vision and scope.

Thanks for the feedback! It will help us improve your experience.