UX/UI-дизайн - что это такое? Все об UX/UI-дизайне

Большинство дизайнеров никак не привыкнут к аббревиатурам UI и UX, и путают их, хотя они давно «обросли бородой» и им уже очень много лет.

В материале мы расскажем, что обозначают эти понятия и как можно обучиться этой профессии.

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

UX в переводе с английского user experience обозначает «опыт пользователя». Данное понятие включает в себя весь опыт, получаемый человеком при визуальном контакте с как с веб-сайтом, так и приложением или программой.

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

UX-дизайн – это проектировка интерфейса на основе поведенческого анализа пользователей.

Многие веб-дизайнеры ошибочно полагают, что UX дизайн используется при разработке сайта или создания приложения и их дальнейшей работы. На самом деле это не так и UX на этом не останавливается. К примеру, если клиент оставил заявку, но не дождался звонок от менеджера или подтверждающую смс на почту, то это показатель не самого лучшего UX.

Первые впечатления человека зависят от многих составляющих: интерфейс дизайна, структура веб-сайта, доступный к пониманию интерфейс и восприятия контента. Именно поэтому UX – это эмоции от полученные от работы с интерфейсом.

Впечатления пользователей понятие абстрактное, а, следовательно, в UX-дизайне нужно продумывать прототипы поведения, изучать модели поведения и тестировать получившийся вариант. Эта вся работа лежит на плечах UX-дизайнера.

Отсюда следует, UX-дизайнер – это проектировщик, занимающийся изучением потребностей (запросов) пользователей. Также он строит схематически работу интерфейса, анализирует и проверяет получившийся вариант на ЦА и создает ТЗ для UI-дизайнера. Возможно, что UX/UI дизайнер может быть один и тот же человек.

UX-дизайнер

Инженер-маркетолог, так ещё называют UX-дизайнера, который изучает опыт пользователей сети, анализирует всё и продумывает связь между расположением элементов в интерфейсе. Также в его обязанности входит составление техзадания для редакторов.

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

UI в дословном переводе с английского user interface означает «пользовательский интерфейс». В основном дизайнеры работают с визуализацией графического интерфейса, но он бывает не только графический, а и звуковой, голосовой и тактильный.

UI-дизайн – это своеобразная визуализация прообраза, созданного на базе анализа целевой аудитории (ЦА) или фокус группы и опыта пользователей.

UI предполагает работу над графикой интерфейса: меню, слайды, анимация, иллюстрации, фотографии, кнопки и шрифты.

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

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

UI-дизайнер несёт ответственность за то, как будет выглядеть готовый продукт и за реакцию пользователя. Для того, чтобы всё получилось, необходимо грамотно объединить элементы интерфейса, соблюдать единый стиль взаимодействия элементов.

Основная цель UI-дизайна – помочь быстро понять человеку как пользоваться созданным сайтом, приложением, программой, платёжной системой и так далее. Интерфейс в этом случае должен отвечать определённым требованиям, за которыми следит дизайнер.

Поэтому стает сразу понятно чем отличаеться корпоративный сайт с хорошей проработкой деталей от сайта визитки с простым дизайном.

А где кнопка?...

Одним из наглядных примеров НЕ правильного UI/UX-дизайна, является решение компании Microsoft убрать кнопку «Пуск» в Windows 8, многие считали ее не важной, но какой шквал негатива обрушился на новую «винду», но более провальное для компании стало то, что из-за данного решения, компания потеряла миллионы, если не больше, т.к. большинство пользователей отказались покупать новую Windows, отдав предпочтения «семерке». И это всего-навсего одно решение из тысячи в UX-дизайне. Это яркий пример того, что всего одно решение UX-дизайнера, которое основано на неверном опыте пользователя, может привести к большим финансовым потерям.

Требования к качественному UX/UI-дизайну

Узнаваемость

Если даже пользователь видит ваш сайт впервые, элементы дизайна должны быть легко распознаваемы. К примеру, не красьте кнопку подтверждения в жёлтый цвет, если на всех остальных сайтах она зелёная. Интерфейс должен быть интуитивно понятным.

Ясность

Интерфейс имеет понятный контент и структуру и ведёт юзера к его конечной цели.

Лаконичность

Сайт или приложение не перегружены анимацией, всплывающими окнами, подсказками, рекламой и иными элементами. Перед тем, как что-то разместить подумайте, а нужно ли оно здесь, поможет ли оно пользователю сфокусироваться на нужном для него элементе.

Эстетика

Чтобы человеку было приятно работать, ничего не отвлекало внимание и не вызывало раздражение, создавайте визуально привлекательный интерфейс.

Эффективность

Помимо внешней красоты грамотно составленный интерфейс позволяет сэкономить время пользователя.

Постоянство

Меню и слайды интерфейса должны быть одинаковы и постоянны на любой странице для всех разделов.

Отзывчивость

Интерфейс, сделанный хорошо, реагирует на действия человека незамедлительно. Пользователь должен понимать получил ли менеджер заявку, прошла ли оплата и так далее.

Снисходительность

На случай если что-то пойдёт не так, нужно продумать сообщения, чтобы успокоить пользователя. Ведь никто не застрахован от ошибки. Это позволит сохранить клиентов, их время и деньги.

Какая разница между UX и UI?

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

Иногда грань между этими двумя типами дизайна весьма условная, ведь в практике они очень тесно связаны. Именно поэтому, как правило, разработкой интерфейса занимается один дизайнер.

UX	UI
User eXperience – это реакция человека при сервинга интерфейса. UX-дизайн интерфейса веб-сайта разрабатывается на основе работы и опыта предыдущего/текущего дизайна.	User Interface – это следствие работы над UX, то что увидит пользователь веб-сайта. Интерфейс разрабатывается на основании результатов UX-дизайна.

Поэтому в современной практике веб дизайна принято называть данный вид дизайна как UX/UI.