A wireframe is a basic visual interface guide that suggests the structure of an interface and the relationships between its pages. They serve as a blue print that defines each Web page’s structure, content and functionality. Wireframes are created before any design work is started so that focus is on layout without the distraction of color and visual elements.
Using wireframes will often help to flush out new requirements and questions that may not have been considered by the project team. Wireframes often end up evolving into requirements for a system. Wireframes can be created using a variety of software applications, for example, Visio, Excel, Word, Illustrator, Photoshop and Power Point.
Wireframes should include all the important elements of a Web page. These include:
- Company Logo
- Content area sections
- Search Function
- User log in areas if appropriate