Page Layouts (wireframes)

structural page patterns (wireframes) - the main result of the design work. They show in detail what information and controls should be displayed on each page of the system. And also place accents - which of the page elements are more and which are less important. Wireframes also describe the behavior of dynamic and AJAX page elements - how they should respond to user actions. It is worth remembering that page layouts are not the final design of the system and all dimensions are relative.

Examples of structural schemes

Purpose

• Setting the job designer. When rendering page layouts, the designer should not forget all the elements specified in wireframes and take into account the accents placed.
• Setting a job for developers. The development team should be guided by wireframes when creating a functional prototype of the system (already running system, to which the design is not yet screwed).
• Demonstration to investors and potential users. The system can be shown to interested parties within a few weeks after the start of work.

What processes is involved in the document?

• 

  Design and Interface Design

  Five stages, during which the collection of requirements for the product, design and design of its interface.

• 

  Usability consulting

  Three stages in which an existing product is analyzed and recommendations are made to improve its interface.