UX UI дизайнер — кто это и какие у него обязанности

Есть разные диджитал-профессии, позволяющие работать удаленно в штате или на фрилансе и получать 100-200 тысяч ₽ в месяц. Сегодня поговорим о профессии UX/UI дизайнера: разберемся, кто это, что он делает и сколько ему платят. 

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

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

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

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

Цель всей этой работы — сделать так, чтобы вы поняли, куда надо нажать, чтобы сделать отчет в онлайн-сервисе или как получить купон в приложении. 

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

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

Цель работы UI-дизайнера — создать привлекательный внешний вид продукта и при этом оставить его простым, удобным и логичным для рядового пользователя. 

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

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

Веб-дизайнер — человек, который тоже может спроектировать интерфейс и отрисовать его, а еще сверстать, чтобы разработчик работал с готовым исходным материалом. Чем веб-дизайнер отличается от UX/UI дизайнера? Тем, что первый чаще работает именно с сайтами, чем с приложениями и сервисами. А еще он иногда может не продумывать сценарии поведения, а творить: создавать что-то очень необычное, креативное и крутое. 

На самом деле отличие веб-дизайнера от UX/UI специалиста довольно условно. И часто работодатели заменяют один термин другим и наоборот. Списки задач и обязанностей у обоих специалистов примерно одинаковые. 

Обязанности и задачи UX/UI дизайнера

Основные задачи UX/UI дизайнера — создавать удобные интерфейсы разных продуктов. Он работает в программах Figma, Sketch, Adobe Illustrator, Adobe Photoshop, создает макеты в InVision, Marvel, Axure.

Если говорить конкретно о том, что делает UX/UI дизайнер, то его работу можно разделить на несколько этапов

Создание юзер флоу

Так называется пошаговая схема взаимодействия с продуктом для решения задачи пользователей. Алгоритмы разрабатываются для разных задач — зарегистрироваться на сайте, оформить покупку в приложении, поставить лайк в сервисе. Делать их можно разными способами.

• Таск флоу. Это последовательность названий экранов, которые пользователь видит, решая задачу. Например, при регистрации на сайте «Главная» → «Окно регистрации» → «Окно с подтверждением email». Это очень упрощенный вариант, обычно схемы намного сложнее. 

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

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

Отрисовка макетов

Макет — то, как будет выглядеть конкретный экран продукта. Его еще могут называть варфреймом. UX/UI может создавать два типа макетов: 

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

Подготовка минималистичных макетов отнимает меньше времени. Зато точные варфреймы дают полное представление о том, как будет выглядеть продукт для конечного потребителя — пользователя. А еще без точных макетов невозможна разработка, поэтому их делают обязательно, просто можно позже, после тестирования. 

Создание прототипов

Прототип — незаконченная версия продукта, в которой уже можно что-то делать. Например, это может быть страница сайта без текста или с «рыбой» вместо него, но с активными интерактивными элементами: кнопками и ссылками на другие страницы/вкладки. 

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

Тестирование

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

В процессе UX/UI фиксирует все, что происходит: что делает пользователь, какие моменты вызывают у него недоумение, чем он доволен. И тестируя таким образом прототипы на нескольких людях, специалист понимает, что надо что-то исправить. 

Дальше работу передают программистам или верстальщикам — они на основе подробных макетов создают готовый продукт. 

В целом прямые задачи и обязанности UX/UI дизайнера — это: 

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

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

Сколько зарабатывает UX/UI дизайнер

Даже продавцы могут получать разную зарплату. И здесь все тоже зависит от того, чем именно занимается специалист, а именно от того:

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

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

Давайте посмотрим, что предлагает HH.ru. Всего в России более 2 400 вакансий UX/UI дизайнера с зарплатой в среднем 65 000 ₽. Есть вакансии, в которых работодатели готовы платить 200 000 ₽, 330 000 ₽ ежемесячно и даже больше. 

Согласно исследованию SuperJob, проведенному в ноябре 2020 года, средняя зарплата отличается в зависимости от города. Спецалистам в Москве платят в среднем 160 000 ₽, а зарплата UX/UI дизайнера в Оренбурге — 90 000 ₽. 

Портал Trud.com считает среднюю зарплату на основе всех размещенных вакансий. И согласно его данным на май 2021 года, средняя цифра — всего чуть более 62 000 ₽. 

Получать много можно, если стать сеньором. Объясняем: 

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

Чтобы стать сеньором, некоторые тратят 5–10 лет. На уровень мидла можно подняться и не за три года, а за год-полтора, если у вас есть талант. Все (в том числе и уровень зарплаты) зависит от вас. 

Как стать UX/UI дизайнером и что он должен знать

Главное, что должен знать UX/UI дизайнер — как работать в графических редакторах. Это основной навык, без которого ничего не получится. Также он должен: 

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

Да, это не так легко, как может показаться. 

Зато научиться UX/UI дизайну можно самостоятельно. В сети много бесплатных обучающих курсов и материалов. Изучая их, можно практиковаться — например, попробовать перерисовать интерфейс какого-то сервиса или перерисовать, но внести изменения, которые улучшат схему взаимодействия пользователя с продуктом. Потом можно выполнять простые задачи на фрилансе и развиваться. 

Самостоятельно учиться тяжело. Можно пройти какой-то обучающий курс, чтобы получить системные знания: так будет легче. Только следите, чтобы преподавателями были практикующие UX/UI дизайнеры.

И учтите, что даже системное обучение не поможет, если работа вам не подходит. Для нее важны не только специальные навыки, но и самые обычные: 

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

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

Поделитесь в комментариях, интересна ли вам работа UX/UI дизайнера и с чего планируете начать ее освоение?