The Development of Wireframes

   BenefitsWireframes provide a number of benefits during the design process. They give stakeholders an early view of the design and give guidance to the visual designers. The simple nature of wireframes makes them easy to revise without wasting a lot of effort.
Wireframes also make it easier to communicate requirements to developers, especially in cases where words are insufficient.Getting StartedTo build successful wireframes you will need to select graphics software or software specifically designed for wireframe development. You will also need to study the use cases, which describe how users will interact with the system, or interview the intended users to determine what the site or application must do. Using that information, create an outline of the pages that must be developed.Best PracticesBecause wireframes are intended for organizing and laying out a design, use gray-scale and black and white graphics. Keep things simple and refrain from adding visual design elements, such as images, gradients and shadows. Focus on the critical functional elements, such as buttons, links, navigation and section borders. Annotate elements to indicate the user interaction, such as where a button or link will take the user. References Web Site Wireframes -- Samples, Examples Shades of Gray: Wireframes as Thinking Device