The future project transforms from hundreds pages of documentation to a prototype, which can be used to check the achievement of the system’s goals on a real target audience.
Relying on the “User and business requirements” document, we create user behavioural scenarios for each situation.
The scenarios are written in block-schemes or as a document, which describes all scenarios of the user’s behaviour in the system.
The document will be used on the following steps to check the system’s interface and model users behaviour on the website.
Relying on the “User and business requirements” and the “Scenarios”, we create a system structure and member area modules.
On this step we start to work with dynamic prototype.
The project architect creates all unique pages and navigation between them. He fills each page with content and schematically shows functional blocks (calculator, filters, search, etc.)
Functional prototype
On this step the prototype is being detailed — we create a graphic grid, set the block's size, position, etc.

The most important functional elements are programmed to imitate the working system.
For example, we create a functionality that allows to type a word in the search field and open the results of page prototype when ‘Enter’ button is pressed or open modal windows when it’s clicked instead.

When the prototype meets business requirements, it has been tested by the characters and approved by the art-director, it can be sent to the client for his approvement.
Testing on the target audience
Testing helps to detect logical mistakes and improve defects which are harder to find.
We gather a group of users from the target audience and ask them to fulfil several tasks using the system. Then we monitor their actions.

This technique allows us to see the interface disadvantages. Some of the users are interviewed to find out their thoughts about the system. After conducting user experience test, the prototype is being improved. As the result, we get advanced prototypes and the idea of the user’s reaction to the future system.

Next stage — UI Design