Wire-frames play vital role in the design environment. Though we may not know the use of wire frames, somehow or the other, we use the wire frames to design the Web Pages before proceeding for the actual development. Some clients prefer to do wire frame before starting any web task. Firstly what is a wire frame?
“Wire-frame is a high level mock-up of a web design which represents how the page looks when we design it. We also call it as Skeleton, blueprint, mock-up etc”
So now we know what a wire frame is and now will see what are the uses of the Wire frames and how wire frames helps in designing.
Wire frames help design well
Wire frame gives the initial big picture for a website; it provides the visual representation for the view in your mind, it helps to study and rapidly refine the user interface design of web forms and interactive elements; it helps you to understand the list of components that you are going to use on the page, place holders, the overall look and feel of the page at very high level. It also gives you to understand the dimensions of the page, where you can decide if all the components you planned will fit into the page or it needs to get modified.
Wire frames make clients understand the flow and design
Everybody will have lot of ideas and to implement the ideas, one need the clear visualization of the concept and compare if they were on track as per the expected output. Wire frames let’s you know whether what you expected is possible or not, if possible, how it will look like, helps you to understand if the design helps you to proceed further to achieve the goal. This even helps you to plan the budget. As mentioned above, we can mostly avoid such situations, where we expected something and received altogether a new one with lot of budget and completely useless for you.
Saves effort, time and money
Our goal is make the design look pretty as per the client requirements, if a website designed without proper structure, obviously the client has to suffer and the developer team has to re-work on the entire architecture, which impacts overall project and the business. The best approach for the web design should be showing the mockup/wireframe to the client explaining the requirements and the place holders, which gives the understanding and flow, once approved will be take to further processing, we can correct anything at this stage itself, which might not involve more steps while working with the development. This way helps customer and development team increasing the productivity and reducing the no. of updates and back and forth with the clients.
We have lot of tools available in the market which helps us to create mockups/wire frames very easily, you don’t need to create wire frame from scratch, take the help of the online tools and get the wire frame ready, which will in turn save a lot of time. Wait for my next post on the Best Wire frame tools.
Popularity: unranked [?]









2 Comments, Comment or Ping
Brock Salazan
It’s hard to find knowledgeable people on this topic, but you sound like you know what you’re talking about! Thanks
Feb 16th, 2011
Reply to “Need of Wireframes / Mockups in designing”