Why Your Designer Should Be Implementing Wireframing

by | Feb 22, 2018 | User Experience | 0 comments

What is Wireframing?

A Wireframe is a two dimensional model of a pages interface and illustrates: how the space will be allocated; the functionalities of the interface; the importance of the content; where this will be placed and how the user should be interacting with the page. They can be hand-drawn or created using a wireframing program, such as Sketch or Balsamiq. Wireframing is one of the final stages in the user centred design process. It demonstrates the layout of the page and shows the interface elements that will be used on the page. The designer can give this to the client as a visual demonstration of the web page without having to develop the full concept.

Why are they useful?

Wireframing is an integral part of the interaction design process as it enables the design team to gain approval from the client at the beginning of the design. Additionally, wireframes can be used in usability testing to gain user feedback and ensure the structure of the site will be recognisable enough for the user. Creating a wireframe can help determine what the intended functionality of the interface is. Furthermore, it demonstrates a visualisation of the path intended for the user to take throughout the website. The design team can use the wireframe to gain feedback and identify issues before the rest of the design process is underway.

Do they really help the design?

First of all, wireframing can be time saving, as it is always going to be quicker and easier to adapt than the fully designed web page. In addition, it can highlight problems, help identify what content will be needed and guide other design decisions. For example, it can help the design team make decisions about what imagery should used or the structure of forms, such as contact forms etc…

As previously mentioned, wireframes can be used to gain user feedback well before any other design decision are made, so they can help keep the rest of the design focused on the target customer from the beginning. Furthermore, it is a great way for the design team to be able to involve the client and for the client to get a visual idea of their site much earlier in the process.

So to conclude, a wireframe can help to achieve a more usable layout. It also helps guide the design to be more effective throughout the rest of the creative process.

Hannah Kolka

By Hannah Kolka

Hannah is Head UX Designer at Unity Websites. She rocks a Masters in Psychology and is a fanatical people watcher, painter and box series aficionado. 

Hannah Kolka

By Hannah Kolka

Hannah is Head UX Designer at Unity Websites. She rocks a Masters in Psychology and is a fanatical people watcher, painter and box series aficionado. 

Hannah Kolka

By Hannah Kolka

Hannah is Head UX Designer at Unity Websites. She rocks a Masters in Psychology and is a fanatical people watcher, painter and box series aficionado. 

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This