Why Wireframe?


UX (User experience) is an important part of our internal process, from creating sitemaps at the start of a project, through to analytics and reviewing the new live site. One of the main parts of the UX process for myself and the other designers is wireframing. Clients are often confused when they are presented with a black and white stripped back version of their future website, but we know that wireframes really benefit the end product. Here are some reasons why:

  • We can create a simple template which clearly identifies the layout, components and functionality of a website which aids the developers when it comes to building the site
  • It provides a talking point between us and the developers about what functionality can be introduced and what limitations there might be
  • As well as internal discussions, sharing wireframes with the client allows them to provide approval early on in the process, preventing more revisions at the design stage
  • Using Balsamiq, we can link the templates together to show an initial interactive site with basic navigation
  • The client can visualise what content they want and where things should go early in the process
  • Sitemaps can be very large and daunting, so wireframes present these in a more visual way
  • They focus purely on the site structure without the distraction of colour, fonts, logos and other design elements
  • They make usability the main objective – focusing on naming conventions and navigation
  • Our experience shows it works! Wireframing is a key part of our process and helps create a beautiful end product
Example of a wireframe