Lecture
Design and Interface Design
Five stages, during which the collection of requirements for the product, design and design of its interface.
Three stages, during which an interactive prototype of the product and its presentation video are created.
Three stages in which an existing product is analyzed and recommendations are made to improve its interface.
The result of each stage of the project is a set of documents describing the project. We distinguish five stages of work:
A brief description of the essence of the future product. Briefly describes what kind of product it is, what are the goals and objectives of its creation, who are its users and what are the main features of the future system.
A series of documents that give an idea of the key types of users of the system. Each character is characterized by the context and purpose of its use of the system, expectations of it, as well as a general description.
A description of how the system functions should work. They can tell about the essence and features of the work of functions both in general form and in detail - algorithmic.
A detailed list of what the user can do in the system. All the functionality of the future product is divided into the simplest possibilities in the form of " with what>". Each of the functions has a priority that determines the importance for the overall success of the product.
Summary of requirements for the future system. This document describes the functional, architectural, operational, content and business requirements for the product. The specification includes most of the documents obtained at other design stages.
System structure It shows all sections, subsections and pages of the system in the form of a tree. This map allows you to build a convenient information architecture of the product.
Schemes of the user with the functionality of the system. This diagram shows how the user performs one of their tasks, moving from page to page.
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 describe the behavior of dynamic and AJAX-elements of pages.
The appearance of the system interface. The design should be modern and aesthetic, while not forgetting about ergonomics - it is important not to ruin the principles and ideas inherent in wireframes.
Accompanying document to the page design layouts.
It describes the standards for the design of the system interface - the appearance of interactive elements, the list and purpose of the used icons, colors, fonts, illustrations and images.
The current user interface model.
It simulates the operation of the system, so that it can be evaluated in action even before development has begun. Although the prototype does not save data and does not work with the database, otherwise it can be as close as possible to the future product.
A video about the essence of the product, a business plan and containing a demonstration of an interactive prototype. The presentation is based on a clear scenario, which is built so as to briefly talk about the future system and at the same time not to tire the audience.
One of the main results of the expert assessment of system usability. The report lists all the identified shortcomings in the ergonomics of the product and provides recommendations on how to eliminate them. The report also lists the positive aspects in the system interface.
Comments
To leave a comment
design software UI and Web design
Terms: design software UI and Web design