Wireframing in Webdesign

''Here is one of the few effective keys to the design problem; the ability of the designer to recognise as many of the constraints as possible; his willingness and enthusiasm for working within these constraints.''

Charles Eames.

Never heard of wireframing before? You know the way you get blueprints of your house before it's actually built so you can see how it will look?

Well that's essentially what wireframing does for a website! Its simply your blueprints.

You may wonder why and if it is really necessary but it's such an important step and important not to skip! If you are the designer you get to show the clients how their website will present, what goes where etc and then they can decide if they like the layout or if they have any changes to make.

Rather than just showing them the final product and then they have changes.

Plus, it's going to be their website so it's nice for them to be involved in the process and to have a say.

Overall, it is an effective way to identify usability issues early on in the design process. This is turn will hopefully reduce the amount of back and fourth that often comes with the development phase.

Not only this but it will allow you to look objectively at ease of use and conversion paths which all lead to a better functioning product.

Wireframing should be made a necessary part to any web design project that you take. Communicate with your client better and reap the benefits by the end of the process!

Balsamiq is a great tool to build your Wireframe! It's super simple and does all the heavy lifting for you so need to get too bogged down in it.

Create each page, as you can see from my examples above, and you will be able to pick out what might not work or what could work better.