Website wireframe
From Wikipedia, the free encyclopedia
Also known as: Page Architecture, Low Fidelity Mock-Up, Page Schematic, Rough Draft
In web design, wireframes are a basic visual guide used to suggest the layout and placement of fundamental design elements in the interface design. Because of this they must be completed before any artwork is developed. When completed correctly they will provide a visual reference upon which to structure each page. They also allow for the development of variations of a layout to maintain design consistency throughout your site. This is an important part of the initial development stage because it creates user expectations and helps to develop an awareness and familiarity throughout the site.
The creation of wireframes also helps to define the positioning of global and secondary levels of navigation in a prominent and intuitive position, as well a providing an area for utilities such as helpful information and search facilities. When creating your wireframes it is critical to ensure that branding is central to the identity of a site so as to communicate the personality of the site.