Stages of interface development

The definition of business goals and users

We define the goals of the business and users that both have achieved the desired result. If the business goals or user will be defined incorrectly, and in fact, and in another case, the business will suffer losses.

Drafting persons

When drawing people, we are interviewing potential clients, which helps to understand how the user thinks and what guided when using the product.

Analysis of competitors

Competitor analysis is needed in order to take into account all strengths and weaknesses of competitors. When creating a product will take into account and correct all the negative aspects of competition, but without losing the attention strengths.

2

Based on the provided job description interface creates a list of tasks (custom scripts) that a user can perform within the interface. For example, update the avatar in the profile. All tasks are painted on the steps to be taken to solve the problem.

3

At this stage we prepare a mental map of the product, in order to structure the information obtained in the research. Prepared functionality of the product. Generated content. Built information architecture.

4

At this stage, all data with mental maps are converted into an interactive prototype. At the stage of prototyping focuses solely on the process of interface design, location of units, etc.

5

After the research stage and in parallel with the stages of design is determining the future style of interface. To select the style prepare several sets of pictures (moodboards). These sets are presented with pages of sites, illustrations, buttons, font compositions, related to each other stylistically.

6

The design concept is intended to show the design of the website and to understand the future appearance of the entire site. If the previous step of defining the style only gave the direction, the design concept aims to mix the selected direction with the existing content of the interface.

7

After the approval of design concept comes the registration of all other screens of the user interface.

8

We try to show only any non-standard cases animations of the interface that are not provided by the operating system. For example, there's no need to show the speed with which to move the next screen in the application interface under iOS. However, it is also possible to consider animation interface.

A team of designers specializing in interface design, UX/UI website design and mobile applications design

9

To help developers in the implementation of the interface, we prepare all the necessary materials.

Such materials can be:

Sprites
Font with all icons
UI Kit with recurrent interface elements and their states