Blog
Email PageDividerPrint Page

January 13th, 2009

Web Design ‘N’ Wireframes: Down to the Wire

When someone says “You can’t see the forest for the trees,” they’re talking about distractions. Maybe. Or trees. I’m going to pretend like they’re talking about distractions. It’s the same thing with designing a Web site. Before we fill in the fonts, colors, words, pictures and other elements, we have to know where to put them. We come up with an idea or three and we do wireframes. Pictures and words are big distractions, for both us and the client.

A wireframe is like an empty house, no furniture or paint or accessories. An empty house. You can look at the floor plan, understand the exact layout, visualize where things will go without being distracted by chartreuse walls or puce piled carpet. A wireframe is the clients’ chance to understand how all of their Web site content will be laid out without having to worry about whether the logo is too small, the font incorrect or the animation a little slow and a different color than they were envisioning.

Two bathrooms, dining room, several hallways …. You see the connections and the spaces. You can tell if the house is what you want, without being distracted. A wireframe is boxes arranged on a page with labels that say “Copy,” “Logo,” “Animation,” “Navigation” and other details that are part of your page without demanding a discussion of whether the legal department will allow a picture of an oil-covered otter or the word “best.”

Does every Web site need wireframes? No. A couple page static site, it might not need them. But wireframes are a visualization tool for both the client and the designers and developers. They are an excellent practice to follow, no matter the size of the project, and your Web design agency should be doing them and should be sharing them with you. It makes your life, and theirs, easier.

When looking for a good Web Design company, look for one that takes time to plan, and walks you through the plan, not just tosses pictures online. Web design is more than pictures, it is a great user interface, a well thought out architecture and effective illustrations.

This blog post is brought to you by Go ZapIT, the letters 'G,' 'Z' and 'P', and the words "Cincinnati" "Web" "Site" and "Design."


Posted in:

Related posts:

© 2002-2009 Go ZapIT Interactive