Wire Frame Your Site

What is wire frame and why we use it in design?

Article By Matt Beach answer this question. Our approach to wireframes differs from his in some details, but recommend to read anyway.

We’ve all heard it time and time again: “If you fail to plan, you plan to fail”. In the world of designing and creating Websites, if you fail to plan, you plan to have a lot of headaches, late nights and missed deadlines while re-designing your site to fit the content.

Implementing a few simple steps in carefully planning your site, before you create any graphics, can eliminate a lot of headaches. One method that I find very useful is the creation of a wire frame or “white site” model. I’ll outline the benefits and process of wire framing in this article.

Pin-Point Potential Problems

To better understand the world of wire framing a Website, we might consider Shrek. Before Shrek was big, green and ugly, he was a wire frame.

In the world of 3D animation, a wire frame is a working model of a character without color, skin, clothing or hair. This way, the animators can easily test the model and make modifications to it before a great deal of money is spent in developing its finer points.

This principle can also be very valuable to those building a Website. Wire framing a Website involves building a text-only version of the site, with working links, but without graphic detail.

View full text of artice on Sitepoint.com