Проектирование красивых, интуитивно понятных и удобных для пользователя интерфейсов называется UX/UI-дизайном.
Чтобы понять специфику этого направления, мы разобрались совместно с агрегатором онлайн курсов eddu.pro, что представляет собой UI и UX.
UX (user experience) в переводе с английского означает «пользовательский опыт». Данное понятие охватывает навигацию по страницам сайта или приложения, функционал цифрового продукта, читабельный текст.
UX-дизайнер делает продукт логичным, понятным и удобным для всех категорий пользователей. От его профессиональных качеств зависит, сможет ли аудитория быстро ориентироваться на ресурсе и получить требуемую услугу. Перед тем как запустить продукт, специалист проводит тщательную подготовку: исследует работу конкурентов, создает опросы пользователей, мониторит целевой трафик.
UI (user interface) на русском звучит как «пользовательский интерфейс». То есть это наполнение ресурса контентом, систематизирование деталей, выбор цветовой палитры, построение визуализации, оформление графики, кнопок, колонок и т.д. Всю эту работу выполняет UI-дизайнер.
Такой эксперт занимается исследованием целевой аудитории, разрабатывает конструкцию продукта, анализирует пользовательские данные. Все, что сделал UI-дизайнер, дорабатывается UI-специалистом.
Таким образом, оба этих направления тесно привязаны друг к другу. Поэтому, как правило, ими занимается один человек. Многие компании объединяют функции UX и UI, предлагая их выполнение одному сотруднику.
Все сайты и приложения предназначены для решения различных пользовательских задач. Поэтому интерфейс создается в строго регламентированном порядке. Тем не менее деятельность UX/UI-специалиста условно подразделяется на несколько разных этапов.
Проводится скрупулезный анализ среднего возраста, пола, интересов, целей пользователя для того, чтобы составить ясное представление о целевом трафике, приходящем на сайт либо в приложение. В результате подобных исследований дизайнер создает продукт, максимально комфортный для пользовательской аудитории.
Допустим, UX/UI-дизайнер трудится над приложением, продающим билеты на поезда или самолеты.
Целевая аудитория будет представлена следующим образом:
Если на этом закончить исследование ЦА, то продукт получит чересчур обширную аудиторию. Специалист будет испытывать трудности при разработке приложения, охватывающего всех.
Поэтому пользователи разделяются на категории:
UX-дизайнер, проведя анализ конкурирующих компаний, сможет избежать их ошибок при создании аналогичного продукта. Этот этап помогает исследовать приложения и сайты не только конкурентов, но и смежных организаций. К примеру, если вы разрабатываете сеть фитнес-клубов, нужно просмотреть интерфейсы торговых площадок, спортивного питания и одежды.
На этом шаге происходит формирование основных разделов продукта. Для правильного проектирования структуры сайта (приложения) необходимо использовать информационную архитектуру. Она поможет определить, какой контент должен быть опубликован на каждой из страниц, а также логически свяжет все имеющиеся данные.
Данный этап также включает создание карты путей клиента (CJM). По сути, это визуализация коммуникации покупателя и продукта с позиции пользователя. В CJM дизайнер обозначает, по каким маршрутам клиент нашел сайт, какие препятствия были на его пути, чего он опасается, что может оттолкнуть его от покупки. Таким образом происходит формирование всего проекта.
Это один из важнейших этапов создания продукта. Именно прототипирование является началом UI-дизайна. Прототип тестируется целевой аудиторией. Его показывают клиенту или акционерам, демонстрируют инвесторам.
Сначала дизайнер формирует каркас проекта (wireframe) отражающий общую идею продукта, основные его подразделы. Вайрфрейм не имеет яркой визуализации, его структура монохромна. Практически это примитивный эскиз будущего сайта или приложения. Wireframe демонстрирует работу интерфейса, взаимодействие с ним пользователя.
После обкатки вайрфрейма дизайнер создает макет. На этой фазе интерфейс загружают логотипами, наполняют текстом, картинками, цветовой палитрой. Дизайн начинает приобретать более подробный и презентабельный вид. Макет демонстрирует заказчику визуальную составляющую будущего продукта.
На последней стадии создается полноценная модель приложения или сайта – интерактивный прототип. В нем заложен весь функционал продукта. Пользователям доступны переходы на все разделы и страницы.
Прототип — это почти полностью законченный продукт. Специалисту остается его протестировать, выявить ошибки, устранить их и довести работу до совершенства. Тестируют приложение или сайт по двум параметрам:
Для работы UX/UI-дизайнера очень важно иметь обратную связь. Даже опытный эксперт способен ошибиться и неправильно определить поведенческий фактор. Необходимо выяснить, какие были допущены ошибки.
После финала тестирования UX/UI-разработчики окончательно дорабатывают приложение или сайт. Прежде чем продукт попадет на рынок, может быть выпущено несколько прототипных вариантов.
Работа над приложением или сайтом продолжается и после выпуска. Через определенное время дизайнеры повторно проводят тесты и делают продукт более результативным и привлекательным для пользователей. Нередко добавляются новые функции или изменяется дизайн.
Для того чтобы быть хорошим специалистом, UX/UI-дизайнеру необходимо многое уметь.
Например, хард-скиллы должны:
Владение техническими навыками является действительно важной составляющей профессии UX/UI-дизайнера. Но личностные качества также играют не последнюю роль. Хороший специалист должен обладать:
В современных реалиях ни одна компания, будь она крупной или мелкой, не может обойтись без собственного сайта или мобильного программного обеспечения. Международный сервис Glassdoor опубликовал данные, согласно которым специальность UX-дизайнера располагается на двадцать четвертом месте в рейтинге 50-и лучших профессий в США.
Пандемия поспособствовала ускорению диджитализации большинства стран мира. Именно поэтому востребованность UX/UI-специалистов каждый год только возрастает. А хорошие перспективы служебного роста позволяют быстро взбираться по карьерной лестнице в данной области. Трудоустроиться эксперту также несложно. Он может заняться фрилансом, сотрудничать с веб-студиями и агентствами по рекламе, получить должность в IT-компании.
Согласно данным, размещенным на портале Работа.ру, средний заработок UX/UI-дизайнера в Российской Федерации колеблется от 88 до 100 тыс. рублей. Работодатели в Москве и Северной столице нашей страны Санкт-Петербурге выплачивают до 130 тыс. рублей.
Это касается опытных экспертов по дизайну. Новички зарабатывают на начальном этапе намного меньшую сумму. Где-то около 70 тыс. рублей. Если у UX/UI-дизайнера опыт работы от 1 до 3 лет, то он сможет рассчитывать на доход от 65 до 100 тыс. рублей.
Если вы трудитесь в сфере UX/UI-дизайна более 3 лет, а ваше портфолио заполнено кейсами с готовыми продуктами, то отыскать работу с окладом в 210 тыс. рублей не составит труда.
Зарубежные рынки предлагают зарплаты еще выше. Например, в Соединенных Штатах хороший специалист может легко зарабатывать до 110 тыс. долларов ежегодно. В Германии эта сумма доходит до 12 тыс. евро ежегодно.