UX и UI-дизайн: что общего и чем они отличаются

Что такое UX-дизайн

UX-дизайн появился в начале 1990-х годов. Его автор — психолог и проектировщик команды Apple Дональд Норман. В своей книге «Дизайн привычных вещей» он впервые использовал понятие user experience и описал концепцию по улучшению пользовательского опыта.

Сегодня под user experience принято понимать удобство интерфейса. От того, насколько он будет понятным и логичным, зависит, как быстро пользователь сможет решить свою задачу и какое впечатление у него останется о продукте. 

Чем занимается UX-дизайнер:

• исследует ЦА — изучает потребности и проблемы пользователей, чтобы сделать для них удобный продукт;
• создает user flow — это пользовательский сценарий, который показывает, как посетители будут перемещаться по интерфейсу;
• создает прототип — макет сайта или приложения, который показывает расположение главных элементов и функций: кнопок, блоков, текстовых полей и т. д.;
• тестирует интерфейс и дорабатывает его по обратной связи от пользователей.

Читайте также:

Как получить базовые навыки по UX/UI

Принципы UX-дизайна

Каким должен быть хороший UX-дизайн: 

• доступный и инклюзивный: учитывает особенности поведения или физические ограничения;
• наглядный и интуитивный: дает понять клиенту, что произойдет после нажатия кнопки;
• последовательный и логичный: учитывает привычные для пользователя шаги (например, выбор товара, оформление доставки, оплата);
• заботливый: предусматривает возможные ошибки, спроектирован таким образом, чтобы их избежать.

Что такое UI-дизайн

UI ― это пользовательский интерфейс (user interface). Он отвечает за внешний стиль и характер интерфейса: кнопки, текстовые поля, таблицы, формы, с помощью которых люди взаимодействуют с продуктом. 

Цель UI-дизайнера — создать привлекательный и понятный визуал. Для этого он:

• разрабатывает визуальный стиль — выбирает цветовую палитру и шрифты;
• создает графические элементы интерфейса — иконки, иллюстрации, дополнительную визуальную графику;
• работает над характером — продумывает эффекты, например анимацию, и особенность форм (грубые углы или мягкие закругленные); 
• работает с композицией, типографикой и контрастом.

Эти составляющие входят в UI-кит — готовый набор решений для дизайна бренда.

Принципы UI-дизайна

Главные принципы хорошего UI-дизайна — это:

• консистентность: важно, чтобы каждый элемент интерфейса сохранял свой внешний вид и характер на всех экранах сайта или приложения; 
• цветовая гармония: все оттенки должны сочетаться друг с другом и помогать в использовании продукта;
• простота и минимализм: в интерфейсе не должно быть лишних элементов, которые отвлекают пользователя от главных функций;
• визуальная иерархия: важные элементы должны быть выделены на фоне других;
• читаемость: шрифты должны восприниматься легко и не напрягать зрение;
• доступность: интерфейс желательно адаптировать для пользователей с особыми потребностями.

Различия между UX и UI

В современном дизайне UX и UI часто идут вместе. Однако это два разных направления: UX отвечает за функциональность и архитектуру интерфейса, а UI ― за его внешний вид и визуальную эстетику. 

Например, если мы решим создать мобильный планер, то UX-дизайнер распишет функции и user flow приложения, составит прототип, где обозначит расположение основных блоков. А UI-дизайнер будет отвечать за визуальное воплощение. Он подберет цвет, шрифт, нарисует иконки, добавит анимацию и т. д. Таким образом они вместе создают один продукт, но выполняют разные этапы работы.

Взаимодействие UX и UI: почему это важно

UX и UI имеют общую цель — сделать интерфейс удобным и привлекательным для пользователя. Функциональный, но некрасивый сайт может отпугнуть клиентов, точно так же как и красивый интерфейс с запутанной структурой.

Чтобы продукт понравился пользователю, важно, чтобы UX- и UI-дизайнеры работали вместе. Часто эти функции совмещает один специалист — UX/UI-дизайнер или дизайнер интерфейсов. Он курирует весь процесс разработки от прототипа до тестирования на реальных пользователях.

Главное о UX и UI в дизайне

UX и UI — это современные направления в дизайне. UX-дизайнеры отвечают за функциональность, а UI ― за внешний вид интерфейса. Вместе они позволяют создать удобный и привлекательный продукт, который понравится пользователю.

Часто функции UX и UI совмещает один специалист — дизайнер интерфейсов. Но также эти роли могут выполнять разные дизайнеры и дополнять работу друг друга.