You get a bonus - 1 coin for daily activity. Now you have 1 coin

Page Layouts (wireframes)

Lecture



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

  Page Layouts (wireframes)
  Page Layouts (wireframes)
  Page Layouts (wireframes)

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?

  •   Page Layouts (wireframes)

    Design and Interface Design

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

  •   Page Layouts (wireframes)

    Usability consulting

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


Comments


To leave a comment
If you have any suggestion, idea, thanks or comment, feel free to write. We really value feedback and are glad to hear your opinion.
To reply

design software UI and Web design

Terms: design software UI and Web design