What is UI design? What is UX design?

UX design (user experience design) is the development of user experience with a product interface. In short it is the development of such interface solution that allows user to meet his needs with minimal amount of time and efforts, with minimal errors and an emotional satisfaction.

Let's take a closer look at each point on the list:

Examples of prototypes

Dealer's cabinet for b2b procurements

— Agroholding’s website with a system for distributors. In the user’s area, the interaction of the agricultural holdings with distributors is realized: tracking the sales plan, filling out applications, reviewing the assortment etc.

Interface of the bulk email sender

— The concept of the prototype of the system with a simple step-by-step wizard for creating the first campaign. The idea of a block editor makes the process of creating an email very easy and does not require any html\css coding.

Marketing service UX design

— The service of creating individual greeting cards based on the date of birth, name and other data of the recipient. While designing, the main attention was paid to the simple wizard of congratulation creation and convenient contacts management.

State portal: redesign

— The site of the National Anti-Corruption Bureau of Ukraine. Designed to meet the needs of a potential target audience - citizens and journalists. Key tasks were the opportunity to file a complaint to the NABU and monitor institution’s activities.

UX and UI for online store admin area

— Client’s task was to make a convenient administrative area of the online store of goods for the gardening. We designed the interface taking into account the structure of information and business features.

SaaS service for cooks (UX and UI design)

— A prototype of the service for finding a local cook. Cook’s admin area of the cook designed for an interaction with the service and keeping records of orders, user's area, and the mobile application.

Tourism portal (UX prototype)

— Designed the possibility of selecting an online tour through the form and navigation through the directory of countries, hotels, resorts. Promotional offers and discounted tours designed as universal blocks.

UX designing of the online store

— Prototype of a large online PC hardware store. The goal of the project was to make a "flexible" store that adjusts to the user's search and preferences and paid special attention to the content layout.

Mobile application (UX design)

Prototype of Agroportal

— An example of designing an agro-portal, which combines the functionality for farmers and traders - pivot price analytics, commodity exchange, catalog of companies and other necessary tools to facilitate the work of traders.

Non-profit organization (UX/UI prototype site)

— Designing a website for a non-profit organization that represents the European Anti-Corruption Mission. The main goal of the site is to inform about the organization, its goals and activities within the mission.

Why UX / UI design is necessary for business

Scroll to see other reasons

Launch a new product. When there is an idea to make a new product or service, the first step is always UX design - creating a prototype project, and then UI design - working on the visual image of the project. This allows you to fully understand how the project will look and how it will work.

The project redesign process is similar to creating a new product that only takes into account the preferences and behavior of current users - it should be recognizable for regular users.

Point improvement of the existing product. Sometimes there is a need to redo a section of the site or add a new functionality to the service. Such changes are designed taking into account the current structure and design of the project.

When there is a new specific user group that you want to attract to use the product, but the existing interface is obviously too complicated or incomprehensible to them

Launch a new product. When there is an idea to make a new product or service, the first step is always UX design - creating a prototype project, and then UI design - working on the visual image of the project. This allows you to fully understand how the project will look and how it will work.

The project redesign process is similar to creating a new product that only takes into account the preferences and behavior of current users - it should be recognizable for regular users.

Point improvement of the existing product. Sometimes there is a need to redo a section of the site or add a new functionality to the service. Such changes are designed taking into account the current structure and design of the project.

When there is a new specific user group that you want to attract to use the product, but the existing interface is obviously too complicated or incomprehensible to them

75%

– Increase in revenue of the companies reffered as "design unicorns", who made a bet on the high level of UX

UI/UX process in Evergreen

— compulsory stages of development

Аnalytics

Mock-up

Prototyping

Testing

UI UX design: comments on the process

The first thing to do is to separate the UX and UI design. Between them there is a clear consistency: first the UX design is developed - the result of this stage is the clickable prototype, when the prototype is tested and matched - the UI design is done.

In the process of UX design, the team participates both from the client side and from the side of the performer. Quality UX is impossible without understanding the customer's business and deep analytics, the decision-making is based on a data-driven approach - all actions are justified and taken based on the needs of users. At this stage, market analysts, users, setting business objectives and KPI project success are conducted. Then the prototype of the interface is designed and tested - a full-scale model of the future product. Work on it is completed when it unerringly fulfills the tasks of users and meets the criteria of the client's business and the possibilities of technical implementation.

The first stage of UI design is the collection of existing visual materials and customer requirements. Next, the design team is working on the design concept. When the overall view of the project is formed and approved with the client, all pages in PC and responsive resolutions, as well as all elements and their states with UI-kit for front-end developers are drawn.

We test all design solutions on real devices within the team and involving potential customers, if necessary. This helps to avoid mistakes when the project is already running and protects against double work when you need to edit or change something that has already been developed.

Participation of the design team in the project does not end with the drawing and transfer of the design to the front-end developers. Designers participate in the testing of the project before and after the launch and carry out the author's supervision.

Testing prototypes

Testing is monitoring the behavior of users when interacting with the interface. In order for testing to take place, an interactive prototype is needed, which should be as close as possible to the real product. Testing is carried out with the participation of potential users, live or remotely, with the help of special services.

Why test?

Testing of hypotheses. Confirm or deny that the user behaves exactly as the designer conceived.

Improve the prototype. Testing allows you to identify places where the user feels unsure or he makes mistakes while performing the task.

Saving money. Fix errors on the prototype is faster and cheaper than encountering them when the project is already running.

What do we test?

Navigation

Testing navigation allows you to make sure that the content is structured in such a way that the user finds the information he needs from the first time. Methods of card sorting and testing of the navigation tree are applied.

Behavior

We watch and analyze the user's actions when he performs the task. Typically, scenario usability testing and testing of the user's focus are conducted.

Perception

It allows to make sure that the prototype of the project corresponds to the mental model of the user. A 5-second test is used or two options are compared.

What doubts and objections do we hear from clients?

An interface without UX does not exist, even if the interface performs one function - it is the experience of user interaction. The task of UX is to make this interaction experience simple and convenient.

UX is the result of an in-depth analysis of all aspects of the product and the design team's work on a specific process, with testing on real users. If this work is not done - it is likelythat your product will not be as convenient as you expect.

UX is an investment that should pay off and can be predicted. Before the start of the work, a metric system is formed (for example, task execution time, number of errors, subjective convenience assessment, etc.) and each of the metrics leads to the growth of business indicators.

Such a solution is possible, but it has a number of certain limitations, and therefore is not suitable for all tasks. Among the shortcomings of the template solutions are business (lack of uniqueness, etc.), design (the template is not convenient, there are no necessary components) and development (garbage code, etc.). Building a project on a template is appropriate only if you need to collect a small functionality and test the idea on the users.

Do you want a UI UX product design?

Let us know what kind of project you want to create. Feel free - we will be happy to advise on any professional issue and will do it absolutely for free, just give us a call or fill out the form.