An introduction to Wireframes

Many a time to do the project up've done Wireframe well for me. The purpose is to be a tool that allows the operation goes smoothly it is because Wireframe Terms of collaboration. And also use it as a reference document, which actually is not a Wireframe model stereotype. Individual or company may have a different way out. But the same is intended to provide an overview of the site. The team understanding And develop in the same way there.

In Wireframe what?

So to Wireframe like to plan our work. By writing out a diagram so that it is easily understood by Wireframe No details of the beautiful, whether it is color, font or layout, but it only shows what is in it for me. Click this link to the page where I then hit it enough to Overlay Hover mouse to what will happen. Details of these Wireframe we can put into it.

Wireframe preparation for

Before doing Wireframe we should have been prepared before. From the various requirements of the project time talking to customers. Must be clearly agreed And ensure that understanding Then again, finalizing requirements even more detailed the better, because it gives a more complete Wireframe.
When requirements are finalized, we should use what we concluded. The first brainstorming That this is okay. I actually do not have any suggestions or what limits you. This important step Which everyone in the team should be involved. Contended that this position must be a position, because the more people will think. We are even more diverse perspectives. When there are differing opinions Let us find the conclusion At all acceptable Or solution that best suits the project.

Wireframe do

After brainstorming, the team has come. Let us take all the decisions and make that a Wireframe view our website. Comprising what may Sitemap page up me. List to all I then noted
Next, let us see what our site has to face all types. May be divided into homepage, category, archive, page mainly I use an assortment of the page is the layout that we have to list a page with layout are all out, and then design the layout of each page, which contains a header. , footer, content, sidebar, or else we sketch out a rough first.

Now we have a list of all pages to list all of the layout in hand. We chose to do a page-by-page Wireframe by saying that I should use to do this kind of layout is fully on every page.
Once we have the layout of the page. Let us see how the page should be the content what the full list. Then determine the appropriate location for the content that you let us do this until the end of every page it.
Now we know that each page has content layout and how what position do. The final step is to put more into it. To complete the Wireframe of us could explain the behavior of different mechanisms (mechanics), or anything that helps to develop a way to correct it.

Wireframe Tool used to write any good?

Today there are many tools to help us build Wireframe made us use for free, but the tool I use most is a pencil and paper. All the steps described I would use a pencil to write down on paper all. Starting from the layout, along with a content box and then cut out using tape tracking channels that we have outlined. If we want to move We can then stick tape to stick it out immediately. Similarly to the paper "Post - It's" That's it.
Another advantage of using paper. We brainstorming in teams. What if you want to solve We can write into it immediately. May use a different color pencil. To highlight key messages and the time taken Wireframe to offer customers. We recommend using the colored pencils to write customer feedback into the Wireframe will see clearly that we have to adjust anything where I.
I tell all Is the work experience I repeated it. I hope your friends Will benefit some Finally, do not forget to bring Wireframe application to suit their own here.

Photo of Richard Dallaway .