Понятия направлений
UX означает user experience, т.е. «пользовательский опыт». Это понятие впервые начали применять в корпорации Apple. Опыт «яблочного» бренда оказался удачным. Несмотря на стоимость, многие предпочитают продукцию Apple за удобство.
UX и UI взаимосвязаны, поэтому часто возникает путаница. UI - аббревиатура от user interface (интерфейс пользователя). Это система графических решений, которые определяют, насколько удобно будет пользователям работать с сайтом или приложением.
UX-дизайн
Цель проектирования пользовательского опыта - нахождение точки, где потребности пользователя соприкасаются с задачами бизнеса, чтобы при этом обеспечивался комфорт работы с продуктом или услугой. UX-дизайн должен коротким путем доводить пользователя до логической точки (завершение заказа, регистрация, подписка).
UI
Графическая структура, ориентированная на элементы взаимодействия с пользователем. Правила UI:
- логическая связь элементов (например, с карточки товара пользователь должен иметь возможность попасть в корзину, а оттуда - на страницу оформления заказа);
- оптимизация интерфейса так, чтобы каждая часть была интуитивно понятной (это можно сделать с помощью иконок, обозначающих функционал);
- обратная связь - пользователь должен понимать, что происходит (например, если на сайт можно загружать файлы, то стоит указать оставшееся время и добавить всплывающее окно, которое сообщит, что действие завершено);
- соответствие платформе: приложения для iOS работают и выглядят не так, как для Android, а десктопные сайты отличаются от мобильных версий;
- следование стандартам (например, пользователи привыкли, что вопросительные знаки указывают на раздел справки, а горизонтальные полосы используются в мобильном меню: не нужно менять то, что работает).
Различия специализаций
Разницу между UI и UX можно объяснить на примере. Вид элементов в салоне автомобиля - это UI. То, как расположены части интерфейса, насколько быстро водитель может найти, как включить фары или настроить климат-контроль, сколько шагов нужно совершить для достижения этих целей - UX. Часто UX и UI занимается один и тот же человек.
Универсал может создавать прототипы с учетом сценариев поведения пользователя и прорабатывать детальное визуальное наполнение.
Компетенции UX- и UI-дизайнера переплетены, но в каждой области есть свои правила и инструменты. Здесь логично сравнить архитектора и дизайнера интерьера.
Требования к качеству
Требования к качественному UX/UI:
- однозначность элементов интерфейса;
- лаконичность, концентрация внимания на части экрана;
- узнаваемость элементов;
- ответная реакция на действия;
- постоянство для всех страниц (элементы должны смотреться и работать одинаково в любой части приложения);
- визуальная привлекательность;
- эффективность (UX «доставляет» пользователя в логичную точку наиболее коротким путем).
Примеры UX/UI:
- Бренд Rent The Runway предлагает одежду для проведения торжеств в аренду. Минималистичность оформления страниц и карточек товаров визуально поддерживает посыл об экономии.
- Nite. Бренд продает часы в тритиевой подсветке, которая применяется в военной технике. Можно посмотреть, как будут выглядеть часы в темное время суток, просто нажав на кнопку «Активировать ночной режим».
- Lazy Oaf. Вместо карточек товара интернет-магазин предлагает знакомый пользователям опыт. Изделия показаны в комбинациях - так, как они выглядели в каталогах и модных журналах, как их применение представляют покупатели.
- Protest. Синие акценты на лаконично оформленных страницах обращают внимание пользователя на ту область, где ему желательно оказаться.
- WrightWood. Бренд продает винтажную мебель. Чтобы рассмотреть детали модели, нужно направить курсор на интересующий фрагмент.
Особенности профессии
Работа UX-специалиста связана с восприятием продукта или услуги пользователями, поэтому проблемы дизайна не всегда очевидны. Необходимо не столько применять творческий подход, сколько заниматься анализом и логической частью, проводить тестирования и проверять гипотезы. Так что UX ближе не к дизайну в прямом понимании, а к аналитике.
Востребованность
Интерфейсы есть во всех сферах: от медицинской техники до автомобилей, поэтому UX/UI-дизайнеры востребованы в разных секторах экономики.
UX - слишком широкое понятие, которое в будущем углубится в специализированные отрасли. Это значит, что появятся новые вакансии. К тому же профессия дает хорошие перспективы в развитии карьеры.
Задачи и обязанности
UX-дизайнер решает задачи по взаимодействию с продуктом. В обязанности входит:
- Определение персон - собирательных образов ЦА.
- Разработка структуры сайта или приложения.
- Визуализация (от разработки вайрфрейма до прототипов).
- Тестирование интерфейса.
- Разработка концепции вместе с UI-дизайнером.
- Сбор обратной связи после запуска продукта, проверка гипотез.
Личные качества
Хороший UX/UI-дизайнер должен обладать такими качествами и чертами характера:
- Умение и желание находить решения. Чтобы развить этот навык, нужно использовать опыт лидеров отрасли, дробить сложные задачи, проводить «мозговые штурмы».
- Стремление к знаниям. UX-специалист должен быть одновременно проектировщиком, аналитиком, психологом, дизайнером. Невозможно справиться со всеми задачами без постоянного обучения и улучшения навыков. Поэтому стоит проходить профессиональные курсы, посещать семинары и конференции, читать тематическую литературу.
- Коммуникативность, умение располагать к себе людей и эффективно общаться. Дизайнеры воплощают абстрактные идеи. Но чтобы кто-то поверил в замысел, нужно уметь убеждать.
- Аналитический склад ума. Проектировщик должен разрабатывать прототип, опираясь на данные, делать выводы на основе оценок от пользователей.
- Умение мыслить целостно и обращать внимание на детали. UX-дизайнер должен понимать стратегию и потребности бизнеса, нужды пользователя. Те, кто мыслит масштабно, не упустят необходимые детали и не увязнут в мелочах.
Необходимые навыки
UX - разноплановая область, поэтому часто компаниям требуются специалисты широкого профиля. Тех, кто только начинает свой путь в качестве UX/UI-дизайнера, это может сбить с толку. Но необязательно развивать сразу все навыки. Эффективнее выбрать узкую специализацию и развиваться в заданном направлении.
Общение и коммуникация
Обсуждение проекта, переговоры и совместная работа - это soft skills, которые сложнее освоить, чем технические моменты. UX-дизайнеру недостаточно просто делать свою часть работы. Нужно уметь объяснять, убеждать и продавать идеи.
Исследование пользователей
Простой способ получить оценку продукта или функции - пообщаться с пользователями. На этом же этапе можно сегментировать аудиторию на персоны, выделять сценарии взаимодействия. При создании приложения или сайта нужно опираться на результаты этого исследования, а не на собственные предположения, которые часто ошибочны.
Информационная архитектура
Разработка архитектуры системы позволит структурировать работу. Например, уже на старте нужно продумать, как будет организована иерархия меню, какие фильтры понадобятся, у каких пунктов выше приоритет и т.д.
Воркшопы и совместная работа
Продукт станет лучше, если UX-дизайнер на этапе проектирования пользовательского опыта сможет включить в работу как можно больше людей: стажеров, программистов, директора. Большое количество идей дает пространство для выбора.
Сборка макетов (wireframe) и сценариев взаимодействия (user-flow)
Макет - простой способ рассказать о своей идее. Варфрейм выполняется в черно-белом виде с упором на структуру и содержание. Это упрощенный вид сайта или приложения без интерактива. Прототип - сверстанная версия, несколько макетов, которые проходит пользователь, чтобы достичь цели. На этом этапе интерфейс уже работает, можно выполнить некоторые действия.
Визуальный дизайн
Без понимания основ графического дизайна невозможно оттачивать навык UX. Цветовое решение, типографика, визуальная иерархия, свободное пространство - это важные составляющие user experience.
Копирайтинг
Умение писать тексты работодатели не указывают в требованиях на позиции UXUI, но это важно. Пошаговые руководства, FAQ, подписи иконок и кнопок, страницы о продукте должны быть изложены на языке потребителя. Настоящий текст стоит использовать уже в прототипах.
Прототипирование
Любую идею нужно сначала протестировать, а уже потом вкладываться в разработку. Чтобы не тратить бюджет и время впустую, нужно уметь быстро делать что-то похожее на готовый продукт.
Процесс «прототип - тестирование - изменения» можно повторять снова и снова до тех пор, пока не будет достигнут желаемый результат.
Тестирование продукта
Тестирование - презентация продукта, которая включает постановку задач пользователям, наблюдение, выяснение причин их действий. В процессе важно не комментировать действия пользователей, не задавать наводящие вопросы. Результат тестирования - предложения по улучшению эргономичности.
Аналитика
Хороший дизайн должен основываться на данных. Поэтому нужно собирать сведения, которые помогут не только улучшить продукт, но и обосновать каждое решение перед заказчиком или руководителем.
Инструменты, используемые в работе
Набор инструментов большой и вариативный: кому-то нравится работать в Illustrator, другие предпочитают Photoshop или Sketch. Правильных решений нет, нужно выбирать только те, которые подходят лично UX-дизайнеру.
Популярные инструменты:
- Sketch. Функциональный и интуитивно понятный вайрфрейм-инструмент со стильным интерфейсом.
- Origami. Бесплатный сервис для разработки прототипов, которые можно запускать на iPhone, iPad. Origami экспортирует код, пригодный для использования разработчиками, позволяет создавать связи между слоями в прототипе и графическом редакторе, после чего изменения макетов обновляются автоматически.
- Adobe Illustrator. Функциональная программа для работы с векторной графикой, типографикой.
- Adobe InDesign. ПО для создания PDF-документов.
- Marvel. Веб-инструмент, который упрощает процесс создания прототипов. Поддерживается совместная работа. Особенность - мобильное приложение, которое позволит быстро перенести эскизы с бумаги на платформу.
Способы стать специалистом в данной области
Чтобы стать UX-дизайнером, необязательно иметь профильное образование. Можно научиться самостоятельно или пройти краткосрочные курсы. В онлайн-школах программа подается структурировано, студенты находятся в рамках живой обучающей среды и под контролем опытных наставников.
Есть план обучения, налажен канал обратной связи, за счет здоровой конкуренции сохраняется мотивация.
Особенности прохождения UX/UI курсов
Онлайн-обучение - способ овладеть специальностью и избежать ошибок, свойственных новичкам. В курс входят теоретические и практические занятия, самостоятельные работы, сопровождение и помощь в планировании карьеры.
Приблизительная программа
В программу большинства курсов для обучения UX/UI-дизайну с нуля входят такие тематические блоки:
- Анализ рынка, конкурентов, изучение потребностей пользователей, основы бизнес-планирования и анализа.
- Методы анализа потребительских предпочтений: юзабилити-тестирование, изучение фокус-групп и др.
- Основы проектирования пользовательских интерфейсов, структурные элементы.
- Создание прототипов конечного продукта, формирование информационной архитектуры и создание карты пользовательских сценариев.
Результат и итоговые профессиональные знания
По окончании обучения студенты могут проводить UX-анализ и на основе данных разрабатывать проект интерфейса, который будет отвечать потребностям пользователей. Навыки подтверждаются дипломным проектом (чаще всего это готовый прототип приложения или сервиса) и сертификатом.
Рейтинг компаний, предлагающих обучение
Обучение UX в онлайн-формате дает возможность сразу применять на практике знания и начать выполнять заказы для добавления в портфолио. Все курсы из рейтинга позволят достичь поставленной цели быстро и с наименьшими усилиями.
Трудоустройство и карьера
UX-дизайнеры нужны в компаниях, которые создают digital-продукты (банки, онлайн-магазины, телеком-операторы, разработчики ПО, игр и мобильных приложений), а также везде, где есть интерфейсы.
В IT-корпорациях и стартапах удобно развиваться вертикально - от стажера и junior до ключевого сотрудника и руководителя проекта.
Горизонтальное развитие предполагает углубление специализации. Это возможность стать ценным работником там, где карьерный рост по административной вертикали ограничен.
Средний уровень дохода специалиста
По данным HeadHunter, российские работодатели готовы предложить UX-дизайнерам от 70 до 200 тыс. руб. в месяц. Точная сумма зависит от профессиональной компетенции, круга выполняемых задач, результатов. Работу можно найти и в иностранной компании (на удаленке). В таком случае можно рассчитывать на зарплату от 40 до 70 тыс. долларов (3-5,2 млн руб.) в год, или 3-5 тыс. долларов (226-376 тыс. руб.) в месяц.
Ресурсы для постоянного развития в заданной области
UX Team Leader Лина Кононенко (7 лет опыта в дизайне) советует такие обучающие ресурсы: UXPin E-books, Intercom Blog, Nielsen Norman Group Articles, UX Collective. А UI Designer c 5-летним опытом Максим Паливода рекомендует новичкам:
- использовать обучающую платформу Udemy для изучения инструментария;
- читать о концепции Material Design от Google;
- следить за дизайн-системами и принципами технологических компаний: Apple Developer, IBM, SAP;
- читать книги и посты популярных дизайнеров: Alan Cooper, Don Norman, Aaron Draplin, Jony Ive и др.
Преимущества и недостатки профессии
Преимущества UX как профессии:
- перспективность (востребованное направление, но специалист легко освоит и смежные профессии, например, проектное управление или бизнес-анализ);
- погружение в разные сферы: можно делать дизайн для интернет-магазинов, корпораций, стартапов;
- гибкий график (UX-дизайнеру не нужно находиться в офисе в течение рабочего дня, можно работать удаленно);
- быстрый и наглядный результат работы.
Недостаток - сложность и субъективность контакта с людьми. Если в проекте нет логических ошибок, то заказчик все равно может внести правки, когда работа уже завершена. Создает сложности в работе отсутствие четких задач и требований ТЗ.
В профессии UX-дизайнера есть спорные моменты, которые нельзя однозначно отнести к недостаткам или преимуществам. Например, некоторых может выматывать частое общение с людьми, а другим разные мнения помогут быстрее решить проблему пользователя.
Курсы UX/UI
1 место. Skillbox
Управление, Маркетинг, Аналитика, Программирование, Дизайн
Плюсы
Данные собираютсяМинусы
Данные собираются-
Курсы школы:
-
Профессия UX/UI-дизайнерСрок обучения: 12 месяцевПерейти к курсу
-
Профессия Fullstack-дизайнерСтоимость: 253150 ₽/курс
(4900 рублей в месяц)Срок обучения: 24 месяцаПерейти к курсу -
Дизайн мобильных приложений с нуля до PROСтоимость: 80000 ₽/курс
(2333 рублей в месяц)Срок обучения: 8 месяцевПерейти к курсу -
UX-дизайнСтоимость: 50000 ₽/курс
(2917 рублей в месяц)Срок обучения: 4 месяцаПерейти к курсу -
UX DesignСтоимость: 35000 ₽/курс
(2042 рублей в месяц)Срок обучения: 4 месяцаПерейти к курсу -
Figma 2.0Стоимость: 20000 ₽/курс
(1333 рублей в месяц)Срок обучения: 2 месяцаПерейти к курсу -
Adobe XDСтоимость: 20000 ₽/курс
(1167 рублей в месяц)Срок обучения: 2 месяцаПерейти к курсу
3
Показать еще №
2 место. GeekBrains
Маркетинг, Программирование, Дизайн
Плюсы
Данные собираютсяМинусы
Данные собираются-
Курсы школы:
-
Факультет Дизайна интерфейсов (UX/UI)Стоимость: 180000 ₽/курс
(9000 рублей в месяц)Срок обучения: 12 месяцевПерейти к курсу -
Факультет ДизайнаСтоимость: 237000 ₽/курс
(7900 рублей в месяц)Срок обучения: 18 месяцевПерейти к курсу -
Основы UXСтоимость: 23700 ₽/курсСрок обучения: 17 уроковПерейти к курсу
-
UX/UI дизайнерСтоимость: 85500 ₽/курс
(5000 рублей в месяц)Срок обучения: 9 месяцевПерейти к курсу
3
Показать еще №
3 место. Нетология
Управление, Маркетинг, Аналитика, Программирование, Дизайн
Плюсы
Данные собираютсяМинусы
Данные собираются-
Курсы школы:
-
Проектирование интерфейсов с AGIMAСтоимость: 39900 ₽/курс
(2492 рублей в месяц)Срок обучения: 2 месяцаПерейти к курсу -
UX/UI дизайнерСтоимость: 119900 ₽/курс
(4995 рублей в месяц)Срок обучения: 14 месяцевПерейти к курсу -
UX-ДИЗАЙНЕРСтоимость: 72900 ₽/курс
(3949 рублей в месяц)Срок обучения: 6 месяцевПерейти к курсу -
UX-аналитикаСтоимость: 39900 ₽/курс
(2492 рублей в месяц)Срок обучения: 2 месяцаПерейти к курсу -
UI-ДИЗАЙНЕРСтоимость: 66900 ₽/курс
(4159 рублей в месяц)Срок обучения: 6 месяцевПерейти к курсу
3
Показать еще №
4 место. Смотри Учись
Плюсы
Данные собираютсяМинусы
Данные собираются-
Курсы школы:
-
Дизайн-мышление в разработке мобильных приложенийСтоимость: 1890 ₽/курсСрок обучения: 6 уроковПерейти к курсу
3
Показать еще №
5 место. Contented
Плюсы
Данные собираютсяМинусы
Данные собираются-
Курсы школы:
-
Профессия UX-дизайнерСтоимость: 140000 ₽/курс
(7000 рублей в месяц)Срок обучения: 9 месяцевПерейти к курсу -
Дизайнер интерфейсовСтоимость: 55000 ₽/курсСрок обучения: 3 месяцаПерейти к курсу
-
UX-исследовательСтоимость: 47900 ₽/курс
(2794 рублей в месяц)Срок обучения: 1,5 месяцаПерейти к курсу
3
Показать еще №
UX - процесс создания лаконичных, полезных и приятных в использовании продуктов. Это необходимо digital-компаниям, чтобы выпускать на рынок качественные приложения, сервисы и услуги. Курсы UX позволят быстро освоить навыки, необходимые специалисту.