
Wireframes are one of the best options to test usability of product/application before it is developed. If the wireframe is as follows, we can easily find that it has an extra Reset button and seek confirmation on whether or not it is really required.

The reverse of the above situation can be that the requirement states that in a login page there should be 2 input fields, login ID and password respectively and the 2 buttons, OK & Cancel.
#Balsamiq wireframes of paper documents software#
It helps in identifying problems early on and to give a glimpse of the software as it would appear when finished. Why do software companies build wireframes?įor the exact same reason the Tailor/interior designer/Doctor decides to try things out first- to avoid mistakes, eliminate guessing, take customer approval before setting everything in stone. To build a solid application/website, a solid framework is needed and wireframes help in providing the framework by giving a depiction of the page layout, overall interface, navigation and functionalities. They are limited in nature, which means they could contain empty HTML pages with no elements working or static screenshots that are representative of a page/function/element of the application and might lack colour, graphics and other elements of the actual visual design. I think those examples were enough for anyone to understand the concept of wireframe. A tailor prepares the paper cloth (a kind of prototype again), does whatever modifications are required and uses it as base measurement until everything is accurate and he is confident to go ahead with the actual piece he/she is sewing.X-ray is basically a skeleton of our body and gives correct information about the bones and joints. To understand how severely a body part is injured, doctors look at an x-ray.He puts on his plan on paper (or design software), discusses it with the customer, tries and modifies the plan in a best practical way and then implements it. The interior decorator does not start putting in the furniture and decorating the house randomly.

So, what is a wireframe? Let me explain it with some simple analogies:
