Home | Experience Design

Why Wireframe?

Alex Christie

28 January 2008

A wireframe is an industry tool for rapidly prototyping a website. They roughly approximate the layout, content and hierarchy of a web page as well as the relationship between pages. Effectively you are building a rough version of the site.

Wireframes don’t look attractive. They are not designed as such. They give a sense of how things will be organised on your site. In many cases they lack colour and imagery, although there is no reason why they should. However, they do show visual hierarchy through layout, font size and shading.

So why produce a wireframe?

  • They act as a reference point for the designer to work from, demonstrating the relative importance of various screen elements
  • They can be used to test with. This enables you to ensure users can navigate a site and find key content on a page
  • They help flush out the details of a site that are often missed. These include things like password recovery and error handling
  • They help to define interactive elements such as AJAX and Javascript in a way a static Photoshop mockup cannot
  • They help the client to visualise how the site will work
  • They identify navigational issues which may need resolving


Call to Action / Conversion #7

PersonasFurther to the above a way of exploring this in further detail is creating a persona. This is...

Is Local Search Replacing Word of Mouth?

“I must join a gym this week”, this is one of my favourite daily sayings and has been for quite some...

Who says Manchester?

I wonder if I am alone when I say that I was around 20 before I knew what Manchester was? Sure, I know...

Have your site on everyone’s PC – another viral craze!

Microsoft’s latest OS has made it into the homes of many users in the past couple of months. Vista...

New Facebook Profiles Permanent… Maybe

So today was apparently going to be the day when all Facebook users would be forced to switch to the...

Grab This Widget