Кто такой UX/UI-дизайнер, чем он занимается и почему его работа так важна
От удобства и простоты сервиса для доставки еды или сайта маркетплейса зависит, вернёмся ли мы снова за покупками или навсегда перестанем пользоваться этими продуктами. По данным совместного исследования Google и MTM, 74% пользователей удаляют приложения ритейлеров именно из-за недовольства интерфейсом.
За доступность, логику и красоту сайта или приложения отвечает UX/UI-дизайнер. Разбираемся, что такое UX и UI, какие задачи решает специалист в этих областях, сколько он зарабатывает и какими навыками обладает.
Благодарим Андрея Верёвкина, ведущего UX/UI fullstack-дизайнера в СберТехе и преподавателя в Нетологии, за помощь в подготовке материала.
Что такое UX/UI-дизайн и чем занимается специалист в этой сфере
UX/UI-дизайн — это проектирование удобных, понятных и эстетичных пользовательских интерфейсов. Чтобы разобраться, какие задачи решает специалист в этой сфере, нужно понять, что такое UX и UI.
UX — user experience — переводится на русский язык как «пользовательский опыт». Это понятие включает в себя навигацию по сайту или приложению, состав функций внутри цифрового продукта, понятный текст.
UX-дизайнер — специалист, задача которого сделать продукт удобным, понятным и логичным для всех пользователей. От его работы зависит, сможет ли клиент быстро и удобно получить желаемую услугу. Перед запуском продукта он всегда совершает большую подготовительную работу: проводит аудит конкурентов, опрашивает пользователей, изучает целевую аудиторию сайта или приложения.
UI — user interface — это пользовательский интерфейс: наполнение сайта, систематизация элементов, выбор цветов, построение визуальной композиции, оформление кнопок, колонок и других графических элементов. Всем этим занимается UI-дизайнер.
UX-дизайнер исследует ЦА, продумывает структуру продукта, анализирует пользовательские пути, а визуализирует его концепцию UI-специалист.
Так как работа над UX- и UI-дизайном тесно связана между собой, чаще всего ею занимается один и тот же человек. Во многих компаниях функции UX/UI-дизайнера берёт на себя один сотрудник.
АЛЬМИРА НИЗАМОВА
Автор-фрилансер. Разобралась, кто такой UX/UI-дизайнер
Этапы работы UX/UI-дизайнера
Приложения и сайты решают разные пользовательские задачи, поэтому процесс создания интерфейса не может быть строго регламентирован. Однако работу UX/UI-специалиста можно условно разделить на несколько этапов.
1 этап. Анализ ЦА
Средний возраст и пол пользователей, их интересы и цели, с которыми они заходят на сайт или в приложение, география проживания — вся эта информация помогает составить портрет целевой аудитории. Благодаря ему дизайнеру проще предугадать поведение людей и создать максимально удобный для них продукт.
Представим, что UX/UI-дизайнер работает над приложением для агрегатора билетов на самолёты и поезда по России и всему миру. Целевую аудиторию можно представить таким образом:
- Пол: мужчины и женщины.
- Возраст: 18–55 лет.
- География проживания: все регионы России.
- Доход: средний, выше среднего.
- Семейное положение: холостые, пары, семьи с детьми.
- Интересы: путешествия, туризм, активный образ жизни, бизнес.
- Цели использования приложения: быстрый поиск билетов, возможность поиска оптимальной цены и маршрута.
Если закончить анализ ЦА в таком виде — аудитория продукта получится слишком широкой, специалисту будет сложно создать приложение специально для неё. Поэтому можно разделить аудиторию на сегменты:
Студенты в возрасте от 18 до 24 лет: с невысоким доходом, используют приложение нечасто — во время каникул, предпочитают бюджетные варианты.
Бизнесмены от 25 до 45 лет: с доходом выше среднего, путешествуют часто из-за командировок и деловых встреч, используют самолёты или поезда высокого класса.
Семьи с детьми или без: доход средний–выше среднего, возраст супругов или родителей — 25–45 лет, используют приложение несколько раз в год — на длинных праздниках, во время отпусков и каникул.
2 этап. Анализ конкурентов
Изучение сильных и слабых сторон конкурентов помогает UX-дизайнеру усовершенствовать продукт без повторения ошибок коллег. На этом этапе можно проанализировать сайты и приложения не только конкурирующих компаний, но и тех, кто занимается смежным бизнесом. Например, если вы работаете с сетью фитнес-центров, стоит обратить внимание на интерфейсы магазинов спортивного питания или одежды.
3 этап. Определение структуры
На этом этапе создаются основные разделы продукта, определяется их взаимодействие и расположение. Правильно спроектировать структуру сайта или приложения поможет информационная архитектура. Она определяет, какие данные должны быть размещены на каждой странице и как связать их друг с другом, чтобы содержимое продукта стало удобным и логически связанным для пользователей.
На этом этапе также может создаваться Customer Journey Map — карта пользовательских путей. По сути CJM — визуализация взаимодействия потребителя и продукта с точки зрения пользователя. В карте дизайнер расписывает, каким путями клиент пришёл на сайт, с какими барьерами он при этом столкнулся, чего он боится и из-за чего может отказаться от покупки. С помощью CJM формируется структура будущего проекта.
Читать также
Гид по созданию Customer Journey Map: опыт Нетологии
4 этап. Создание прототипа
Прототипирование — очень важный этап разработки продукта. Именно с этого начинается работа над UI-дизайном. Прототип тестирует целевая аудитория проекта, его демонстрируют заказчику или акционерам, с его помощью привлекают инвесторов.
Для начала дизайнер создаёт вайрфрейм (от англ. wireframe — «каркас») — схему, отражающую общую концепцию продукта и его основные разделы. Вайрфрейм отличает монохромность и низкий уровень визуализации. Можно сказать, что это упрощённый набросок сайта или приложения, который содержит все элементы продукта. Вайрфрейм показывает, как работает интерфейс и как с ним взаимодействует пользователь.
После вайрфрейма специалист приступает к созданию макета. На этой стадии интерфейс наполняется логотипами, цветами, картинками и текстами — дизайн будущего продукта становится более подробным. Макет помогает клиенту и команде оценить визуальную составляющую сайта или приложения.
Наконец, дизайнер создаёт полноценную модель продукта — интерактивный прототип. Он включает в себя весь контент сайта или приложения: пользователи могут нажимать на кнопки, переходить со страницы на страницу и смотреть, как работают функции продукта.
5 этап. Тестирование
Прототип содержит все визуальные и функциональные элементы сайта или приложения, поэтому перед выпуском его тестируют для выявления ошибок и усовершенствования конечного результата.
Тестирование бывает двух видов: количественное и качественное. В первом случае исследование проводят на большой выборке пользователей, во втором — к делу привлекают фокус-группу из ЦА.
Обратная связь очень важна для UX/UI-дизайнера, поскольку даже опытный специалист может неправильно предугадать поведение клиента. Какие ошибки вы допустили при разработке, какие фичи лучше заменить, понятен ли пользователям интерфейс, насколько быстро они достигают своей цели, есть ли у них замечания к продукту — ответы на эти и другие вопросы даёт тестирование. Его можно провести с помощью Google Форм, Maze или Quant-UX.
После завершения тестирования UX/UI-специалисты занимаются доработкой сайта или приложения. До выпуска продукта на рынок может выйти несколько его прототипов.
6 этап. Поддержка и развитие продукта
Выпуск сайта или приложения не означает, что работа над проектом закончена. Спустя некоторое время после релиза дизайнеры снова тестируют продукт, совершенствуют его и делают более эффективным для пользователей. Часто сайты и приложения обзаводятся новыми функциями, порой — им требуется и редизайн.
Знания и навыки UX/UI-дизайнера
Чтобы хорошо справляться со своей работой, UX/UI-дизайнеру нужно обладать целым комплексом навыков. Если говорить о хард-скиллах, он должен:
Знать основы разработки интерфейсов для веб-сервисов и мобильных приложений — это база, на которую необходимо нанизывать остальные знания и компетенции.
Уметь работать с основными веб-программами и инструментами:
- Figma — сервис для разработки прототипов и тестирования.
- Sketch — инструмент для создания векторной графики и прототипирования для пользователей Mac.
- Adobe XD — программа для разработки интерфейсов.
- Tilda, Readymag и Webflow — инструменты для быстрого создания сайтов.
- Adobe After Effects ― редактор для визуализации анимации сайта.
Знать основы диджитал-маркетинга. Без исследования целевой аудитории создать эффективный и конкурентоспособный сайт или приложение не получится. Поэтому UX/UI-дизайнер должен понимать, как составлять портрет пользователя и как исследовать продукты конкурентов.
Владеть аналитическими навыками. Просто изучить ЦА и конкурентов недостаточно, важно также правильно обработать и проанализировать эту информацию. Кроме того, нужно владеть методиками анализа бизнес-задач: JTBD (Jobs to be done), методом персон и аудированием конкурентных продуктов.
Читать также
Jobs To Be Done в веб-разработке: как увеличить продажи в интернет-магазине
Знать визуальный язык дизайна. Работа UX/UI-дизайнера — это не только про функциональность и удобство использования продукта, но и про его эстетику. Эргономичность дизайна, цветовое решение сайта, его красота — всё это создаёт настроение и влияет на решение клиента о покупке. Поэтому специалисту в этой сфере важно развивать насмотренность и вкус, а также расширять знания о художественных приёмах. В этом помогут курсы по UX/UI-дизайну, профильное образование и постоянная практика.
Разработка прототипа, анализ ЦА и другие технические навыки действительно важны, но не менее важно подкрепить их развитыми софт-скиллами. UX/UI-дизайнеру нужно:
Быть эмпатичным. Чтобы решить проблему пользователя, нужно понимать, что он чувствует.
Стремиться к развитию и самосовершенствованию. Сфера веб-дизайна не стоит на месте, поэтому профессионалу важно отслеживать тренды и постоянно расширять свои знания и навыки.
Быть усидчивым и упорным. Разработка дизайна сайта или приложения — это долгий труд, который требует больших усилий. Поэтому умение долго работать над задачей точно пригодится человеку, решившему связать карьеру с UX/UI.
Уметь общаться. Даже если UX и UI занимается один и тот же человек, его работа связана с другими людьми в команде: разработчиками, копирайтерами, проджект-менеджерами. Дизайнеру важно научиться правильно ставить задачи, обсуждать правки и предложения, а также слышать своих коллег.
Быть креативным. UX/UI-дизайнер — представитель творческой части IT. Умение визуализировать желания клиента, способность искать новые пути решения проблем и творческий подход помогут достичь успеха на выбранном поприще и сделать карьеру в дизайне продукта.
Востребованность профессии
В 2022 году практически ни один бизнес — будь это небольшой маникюрный салон или крупная корпорация — не обходится без сайта или мобильного приложения. По данным международного сервиса по поиску работы и найму Glassdoor, профессия UX-дизайнера находится на 24 месте в списке 50 лучших работ в США.
Пандемия ускорила диджитализацию нашего мира, поэтому с каждым годом ценность UX/UI-специалистов будет возрастать, а перспективы карьерного роста позволят развиваться в выбранной сфере. Варианты трудоустройства у дизайнеров тоже разные: фриланс, работа в штате IT-компаний, сотрудничество с рекламными агентствами и веб-студиями.
Сколько зарабатывает UX/UI-дизайнер
Все цифры актуальны на момент написания статьи.
Согласно информации на сайте Работа.ру, средняя зарплата UX/UI-дизайнера по России составляет 106 000 рублей. По Москве и Санкт-Петербургу цифра немного выше — 130 и 115 тысяч рублей соответственно.
Однако новичкам в UX/UI-дизайне придётся начинать карьеру с меньшей зарплатой. На сайте hh.ru, специалистам без опыта предлагают работу за 70+ тысяч рублей:
При наличии опыта в 1–3 года можно рассчитывать на зарплатную вилку от 60 до 100 тысяч рублей:
Если вы работаете в UX/UI более трёх лет и имеете в своём портфолио кейсы со сложными продуктами, то можно найти работу с ежемесячным доходом до 210 тысяч рублей:
На зарубежном рынке труда зарплаты специалистов в UX/UI ещё выше. В США, например, согласно данным Glassdoor, UX-дизайнер зарабатывает в среднем почти 110 тысяч долларов в год.
При этом зарплаты UI-дизайнеров в США ниже, чем у их коллег по UX:
В Германии разница в средних зарплатах между UX- и UI-дизайнерами и вовсе достигает почти 12 тысяч евро в год. Примерно 60 тысяч евро у UX-специалиста против чуть более 48 тысяч евро у его коллеги по UI:
кто такой UX/UI дизайнер?
UX/UI дизайнер — специалист, который проектирует и рисует интерфейсы цифровых продуктов: мобильных и веб-приложений, сайтов. Такой дизайнер может участвовать как в создании новых продуктов, так и помогать дорабатывать те, что уже запущены.
Чтобы определить, чем именно занимается UX/UI дизайнер, важно разделить понятия UX и UI:
UX (user experience)
Это пользовательский опыт — всё, что связано с исследованиями «болей» пользователей, анализом и планированием на основе всех этих данных структуры продукта. UX-дизайнер анализирует пользовательский путь и продумывает структуру продукта.
UI (user interface)
Это пользовательский интерфейс: наполнение сайта, его элементы (например, кнопки и инпуты — поля для ввода текста), выбор цветов и шрифтов, визуальная композиция и другие графические элементы. UI-дизайнер визуализирует структуру продукта: отвечает за то, как будут выглядеть его разделы и страницы в итоге.
Эти направления тесно связаны друг с другом, одно без другого не может эффективно существовать. Если создавать, например, сайт только ради красивого интерфейса — результата (лидов, продаж) не будет. А если сделать на сайте жёлтую плашку с нечитаемым белым текстом — испортится пользовательский опыт.
Поэтому отдельные UX- и UI-дизайнеры встречаются реже. Чаще это один человек.
Глобальная задача UX/UI дизайнера — сделать цифровой продукт максимально понятным, удобным и визуально приятным для пользователя, чтобы тот решал свои проблемы с помощью продукта быстро и эффективно. При этом, конечно, важно не забывать и про задачи бизнеса: продукт должен монетизироваться, приносить прибыль.
Операционные задачи могут меняться в зависимости от компании, но чаще всего это:
- Исследование аудитории, проведение пользовательских интервью (CustDev), составление портрета пользователя;
- Анализ конкурентов;
- Составление карты пути пользователя (CJM), а на её основе — определение структуры продукта;
- Проектирование сценариев использования;
- Создание интерфейсов: сначала чёрно-белые вайрфреймы, затем цветные макеты и в конце — интерактивные прототипы;
- Участие или даже самостоятельное проведение тестирования прототипов — на широкой аудитории и фокус-группах. Доработка прототипов на основе обратной связи;
- Работа с визуальным стилем продукта: цвета, стиль кнопок, графика, анимация, типография, инфографика, виджеты, поведение, отклики кнопок и так далее;
- Передача этих прототипов команде разработки, согласование их;
- Поддержка и развитие продукта, инициация улучшений и работа с ними по алгоритму, описанному выше.
Стек UX/UI дизайнера
Figma
Самый популярный сейчас сервис для разработки прототипов и тестирования, который подходит для командной работы. Есть ещё подобные программы Adobe XD и Sketch, но ими пользуются всё реже.
Adobe Creative Cloud
Это достаточно большой пакет графических редакторов с разными функциями. Знать его целиком, конечно, круто. Но начинающему UX/UI дизайнеру достаточно изучить Adobe Photoshop — это редактор изображений, которые состоят из пикселей (растровые). Он пригодится для цветокоррекции картинок или вырезания объектов с фона, например. Что можно изучить потом: Adobe After Effects — редактор видео и анимации; Adobe Illustrator — редактор векторных изображений.
Miro, Notion, Whimsical
Сервисы, онлайн-доски для визуализации данных, структуры, пути пользователя: помогают структурировать данные на этапе исследований.
Tilda, Readymag и Webflow
No-code инструменты, конструкторы для быстрого создания сайтов
T-shaped специалист
UX/UI дизайнер — пример T-shaped специалиста
Концепция Т-образных навыков — это метафора для описания способностей ИТ-специалистов разного профиля. Вертикальная черта на букве T представляет собой глубокую, но узкую экспертизу в одной из областей разработки. Тогда как горизонтальная линия — это черта дженералиста.
Это значит, что вы глубоко погружены в одно направление, но при этом обладаете базовыми навыками других направлений. UX/UI дизайнер должен разбираться в очень многих сферах: графический дизайн, иллюстрация, веб-дизайн, frontend-разработка, мобильная разработка, UX-исследования, UX-копирайтинг, маркетинг.
Для такого дизайнера также очень важно понимание продукта и глубокое погружение в него. Работая в QIWI, вы будете не просто работать по ТЗ, а полноценно влиять на итоговый результат.
Куда расти
В любой профессии можно развиваться вертикально и горизонтально. Давайте посмотрим, куда расти UX/UI дизайнеру:
вертикальный рост
Здесь можно выделить 4 возможных ступени. Время перехода зависит от вашего опыта и кадровой политики компании.
Опыт работы: без практического опыта
Здесь вы находитесь, если только смотрите в сторону профессии дизайнера или пока проходите обучение, но ещё не сталкивались с реальными практическими задачами.
Как идти дальше
Самый простой способ перейти на следующий уровень — пройти стажировку. Многие ИТ-компании регулярно набирают к себе студентов и выпускников, чтобы «вырастить» крутых специалистов. Второй вариант — работать над личным pet-проектом, который можно будет добавить в портфолио.
Опыт работы: ≈1 года
Такой специалист работает вместе с наставником, следует уже готовым визуальным концепциям, а не создаёт их. От джуна ожидают наличие практического опыта, портфолио и верхнеуровневых знаний и навыков:
- Владение основными инструментами (Figma)
- Знание основ композиции, типографики, UI-визуализации, гайдлайны Material Design и iOS, и умение применять их на практике
- Насмотренность
- Базовое понимание, что вообще такое UX-исследования и путь пользователя
Пример задачи
Адаптировать экран веб-версии приложения под мобильную версию.
Как идти дальше
Оставаться в курсе трендов UX/UI, «набивать руку» на реальных задачах, приумножать знания и плотно работать в связке с наставником.
Опыт работы: ≈3 года
Мидл — самостоятельный специалист, который погружен погружён в процессы и исследования, и прототипирования, и тестирования. Чего ждут от специалиста на этом уровне:
- Анализ аудитории и конкурентов
- Владение аналитическими навыками и умение интерпретировать результаты исследований
- Знание методик анализа бизнес-задач (например, JTBD)
- Проектирование интерфейсов с нуля
- Тестирование прототипов и их доработка
Пример задачи
Спроектировать интерфейс нового экрана в приложении.
Как идти дальше
На этом уровне вы уже сможете определиться, что вам интереснее — развиваться в менеджменте или растить экспертизу. В первом случае нужно будет прокачивать софты, во втором — харды в разных сферах или в какой-то одной (например, развиваться именно в исследованиях).
Опыт работы: ≈5+ года
Синьор смотрит на процесс как бы сверху, может соединять решения в единую концепцию. Чего ждут от специалиста на этом уровне:
- Создание информационной архитектуры продуктов
- Создание дизайн-системы
- Ревью работы «младших» коллег
Пример задачи
Разработать визуальную концепцию нового приложения.
А что дальше?
А дальше всё зависит от ваших желаний и компании, где вы работаете. Если вы будете развивать лидерские качества и навыки менеджера, сможете стать:
UI-дизайнер
UI-дизайнер создает внешний вид интерфейса какого-либо цифрового продукта. Другими словами, он занимается отрисовкой кнопок, форм, иконок, подбором шрифтов, цветов и других визуальных атрибутов, которые нужны пользователю для взаимодействия с приложением или сайтом. Все они должны гармонично сочетаться друг с другом и соответствовать корпоративному стилю, ненавязчиво, но понятно указывать на те действия, которые необходимо совершить, и не вызывать у человека дискомфорта. Кстати, недавно центр профориентации ПрофГид разработал точный тест на профориентацию, который сам расскажет, какие профессии вам подходят, даст заключение о вашем типе личности и интеллекте. Профессия подходит тем, кого интересует математика, рисование и информатика (см. выбор профессии по интересу к школьным предметам).
Краткое описание: кто такой UI-дизайнер
Как узнать, подходит ли вам профессия «UI-дизайнер»?
Чаще всего UI-дизайнер работает либо в тесном сотрудничестве с UX-дизайнером, либо выполняет функции обоих специалистов (тогда его называют UX/UI дизайнером). UX расшифровывается как User Experience, что можно перевести дословно как «пользовательский опыт», а UI – как User Interface, что переводится как «пользовательский интерфейс». То есть UX-дизайнер в большей степени отвечает за функциональность дизайна, за то, чтобы приложением было легко и удобно пользоваться, а UI-дизайнер – за визуализацию этого удобного и функционального решения, за подбор форм, цветов и других параметров, которые будут с комфортом восприниматься глазами пользователя.
Мечтаешь создать свою игру?
Воплоти мечту в реальность вместе с XYZ School!
Черная пятница в Skillbox: месяц инвестиций в себя!
Получи скидку, курс в подарок и гарантию трудоустройства, чтобы стать востребованным специалистом.
На рынке сейчас наиболее популярна роль, которую мы назовем UX-Generalist, – он отвечает за визуальную составляющую (User Interface) интерфейса, а также изучает поведенческие паттерны и проектирует множество вариантов пользовательского опыта (User Experience). Ни одна продуктовая команда не может обойтись без UX/UI-дизайнера, если она хочет создавать продукт, ориентированный на пользователя.
Наталья Кулагина
Консультант направления «ИТ&Телеком» международной рекрутинговой компании Hays
Читайте также
Особенности профессии
Главная задача UI-дизайнера – сделать так, чтобы пользователь мог быстро и без лишних волнений понять, как взаимодействовать с конечным продуктом. Чтобы добиться этого, нужно знать и графический дизайн, и программные возможности продукта, и психологию цвета, и даже обладать хорошим чувством вкуса и стиля.
Новогодняя акция! Скидки до 60% и «Тайный Санта»
Всеми любимый «Тайный Санта» здесь: те, кто приобрел у нас курс, получат курс в подарок и смогут подарить мини-курс своему другу.
Скидки 70% и подарки на сумму до 260 000 ₽
Покупаете один курс — получаете два. Год английского от Skyeng +1 профессия в подарок.
НОВОГОДНЯЯ РАСПРОДАЖА SKILLBOX
При покупке курса со скидкой до 60% выберите второй курс в подарок.
Основные обязанности UI-дизайнера:
- Разработка дизайн-концепции.
- Проектирование дизайна страниц и экранов, с которыми взаимодействует пользователь.
- Отрисовка кнопок, слайдеров, блоков, переключателей и других элементов.
- Соблюдение согласованности графических элементов и их соответствия фирменному стилю.
- Создание интерактивного прототипа интерфейса.
Обычно UI-дизайнер вступает в работу после того, как над проектом потрудится UX-дизайнер.
Основная задача UX/UI-дизайнера – спроектировать понятный и приятный интерфейс, который помогает решить предполагаемую проблему пользователя. Цель работы такого профессионала – счастливый пользователь, который удовлетворил свою потребность с помощью продукта, при этом процесс достижения им цели был приятен, интуитивно понятен, лаконичен и не требовал совершения лишних действий.
Наталья Кулагина
Консультант направления «ИТ&Телеком» международной рекрутинговой компании Hays
Плюсы и минусы профессии UI-дизайнер
- Востребованная современная профессия.
- Достойный уровень заработной платы.
- Возможность проявить творческие способности.
- Много вакансий с удаленным форматом работы.
- Большая конкуренция.
- Не всегда нормированный рабочий график.
- Необходимость подгонять свои решения под вкусы заказчика.
- Сидячий режим работы.
Важные личные качества
Чтобы работать UI-дизайнером, надо обладать развитым художественным вкусом и аналитическим мышлением. Не помешают коммуникативные способности для эффективной работы в команде, умение долго сохранять концентрацию и грамотно планировать свое время.
Читайте также
Обучение на UI-дизайнера
Узконаправленное обучение на UI-дизайнера в российской системе высшего образования делает первые шаги. Специализированных программ подготовки в вузах очень мало, пока пионер в этом направлении – НИТУ МИСиС с профилем «UX/UI дизайн» на направлении «Прикладная информатика» 09.03.03.
Чтобы получить азы знаний в области UI-дизайна, можно выбрать специальность из разряда IT с близкими к роду будущей деятельности профилями:
- «Прикладная информатика» 09.03.03 с профилем «3D-дизайн» (МИСиС);
- «Информационные системы и технологии» 09.03.02 с профилем «Информационные технологии в дизайне» (РГУ им. Косыгина, СПбГУПТД, МИЭТ, ГУАП, РГПУ им. Герцена, ВГТУ, НГТУ, БГТУ, ИВГПУ, ГГНТУ им. Миллионщикова) или схожие IT-направления и профили.
Другой путь входа в профессию UI-дизайнера в обход программирования и информатики – изучить графический дизайн (направление «Дизайн» 54.03.01). В этом случае для поступления потребуются не только баллы ЕГЭ по предметам, установленным вузом, но и результаты внутреннего творческого экзамена в университете.
После любой специальности в вузе или колледже или параллельно с учебой можно пройти курсы UX/UI-дизайна.
Если вас привлекает профессия UX/UI-дизайнера, не критично иметь диплом художника или компьютерного инженера. Хотя высшее образование в области дизайна или информационных технологий будет несомненным преимуществом для развития в этой профессии. Сегодня в некоторых вузах уже открыты направления бакалавриата и магистратуры, которые дают основу для старта (пример, в НИУ ВШЭ, МАСИ, БВШД). Также существуют курсы профессиональной переподготовки, где происходит погружение в профессию.
Наталья Кулагина
Консультант направления «ИТ&Телеком» международной рекрутинговой компании Hays
Отсутствие профильных программ в любом вузе – следствие того, что современные системы образования во всем мире плохо успевают за развитием технологий. Диджитал стремительно летит вперед, а для того чтобы переориентировать вузовские программы, необходимо время. Именно поэтому многие специалисты проходят дополнительные курсы или переподготовку, чтобы получить навыки UX/UI-дизайнера.
UX/UI дизайнер: кто это и как им стать
UX/UI-дизайнер — это специалист, который делает виртуальные пространства удобными, понятными и в то же время эстетичными. Но за итоговой красивой картинкой скрываются дни упорной работы. В этом материале расскажем, кому подойдет эта профессия, где ей можно научиться и на какую зарплату стоит рассчитывать.
Кто такой UX/UI дизайнер?
Успех любого продукта во многом зависит от того, насколько гармонично в нем сочетаются функциональность и визуал. То же можно сказать и о пользовательском интерфейсе: если человек без проблем может выполнить какую-то задачу: совершить покупку или загрузить приложение, и при этом сама страница ему нравится и внешне, он скорее всего будет пользоваться продуктом и дальше. Оптимизация визуала и привлечение большего числа покупателей входит в задачи UX/UI дизайнера.
Что заставляет вас закрывать приложения или сайты? Часто людей отпугивает верстка, цветовая гамма или неудобная структура. Еще больше мы раздражаемся, если нужная информация на сайте спрятана настолько тщательно, что ее просто невозможно найти. UX/UI-дизайнер занимается тем, что пытается задержать вас на странице как можно дольше: сначала анализирует сценарии поведения пользователя, а затем упрощает ему навигацию в интернет-пространстве.
Отличия UX и UI дизайнеров
Новички, которые делают первые шаги в профессии, часто ошибочно полагают, что специалист в UX и UI — это один и тот же человек. Но это не всегда так.
User experience (UX) в переводе с английского означает «пользовательский опыт». К нему относится не только логистика сайта или приложения, но и их функциональное и смысловое наполнение. Главное правило UX-дизайна — вся представленная информация должна быть максимально понятной и полезной. А специалист, который разрабатывает структуру сайта или мобильного приложения, должен ориентироваться на потребности пользователя.
User Interface (UI) или «пользовательский интерфейс» отвечает за визуальную сторону проекта: цвет, шрифт, формы и размеры кнопок, иконок и других элементов страницы. В функции UI-дизайнера входит правильное расположение их в пространстве, а также адаптация под форматы разных устройств.
Кажется, что одному специалисту проще заниматься и исследованием взаимодействия пользователей со страницей, и созданием дизайна интерфейса на основе этих данных. Для работодателей это тоже было бы удобно, с финансовой точки зрения. Но у комбинирования ролей UX и UI-дизайнеров есть много недостатков. Человеку приходится разрываться между двумя очень разными дисциплинами. Обычно у дизайнеров есть навыки как в UX, так и в UI, но по-настоящему глубоко профессионалы погружаются только в одну из этих областей, иначе процесс проектирования может стать менее детальным и проработанным. Это значит, что появляется риск упустить важную часть дизайна.
Специфика работы
Квалификация любого дизайнера интерфейсов зависит от того, на каком уровне находятся его практические навыки . Между обязанностями UX и UI дизайнеров огромная разница, но общая цель одна — создать продукт, отвечающего ключевым запросам пользователя.
Для этого специалисты выполняют несколько этапов работы: анализируют целевую аудиторию (возраст человека, его пол, географию, интересы, цели и не только), определяют структуру будущего продукта, создают удобные прототипы и тестируют их, а затем разрабатывают систему продвижения.
Прототип приложения для AR-реабилитации после инсульта. Авторы проекта: студенты программы «UX/UI дизайн».
Основные методы проектирования интерфейсов — прототипирование и моделирование. Дизайнеры создают прототип на основе предположительного пользовательского взаимодействия со страницей. Затем на этапе моделирования проектные решения проверяются с помощью тестирования прототипа на целевой аудитории. Это — важная часть работы специалистов по юзабилити. Во время такого тестирования пользователи пробуют взаимодействовать с прототипом продукта. Команда заранее определяет набор задач, которые человеку нужно решить, и смотрит, с какими проблемами он сталкивается по ходу взаимодействия с интерфейсом.
Ключевые навыки UX-специалиста
Понимание психологии пользователей. Основная задача UX-дизайнера — понять, как пользователи взаимодействуют с продуктом, почему выполняют определенные действия и что заставляет их пользоваться сайтом (или отказываться от него). Ответы на эти вопросы — ключ к созданию цифрового продукта, который отвечает потребностям пользователей и учитывает бизнес-интересы компании.
Создание стратегии дизайна, которая включает в себя понимание цели продукта и построение логического пути ее реализации.
Анализ взаимодействий. UX-дизайнеры исследуют, как люди используют продукты: привычки пользователей, их личные предпочтения и шаблоны поведения. Впоследствии эта аналитика перекладывается на дизайн-проект.
Создание прототипов и каркасов продукта. UX-дизайнер должен обладать навыками, которые носят технический характер, например, уметь создавать каркасы и прототипы продуктов, которые потом используются во время тестирования и для презентации перед продуктовой командой.
Разработчику интерфейсов необходимо уметь делать эскизы (вайрфреймы) и прототипы с помощью различных цифровых инструментов. Кроме того, он должен обладать высокими аналитическими способностями, чтобы правильно интерпретировать данные тестирований и обратную связь от пользователей, быстро и эффективно решать проблемы.
Проектирование интерфейсов требует эмпатии и умения работать в команде. UX-дизайнер не может обойтись без UI-специалиста, всегда работает в продуктовой команде и часто взаимодействует с пользователями, разработчиками и тестировщиками.
Приложение для горных походов Echo-ho. Авторы проекта: Владимир Демченко и Анна Васильева — студенты программы по подготовке senior UX/UI специалистов «Дизайн диджитал-продукта».
Продукт, созданный UX-дизайнером, должен быть простым в использовании, логичным и понятным, то есть отвечать всем принципам usability. Его главная цель — помогать пользователям решать конкретные задачи, быть удобным для широкого круга людей.
Роль UI-дизайнеров больше связана с наглядным представлением информации, поэтому они должны разбираться в визуальном дизайне и брендинге. Все это позволяет им создавать интерфейсы, которые имеют приятный внешний вид.
Ключевые навыки UI-дизайнера
Знание визуального языка дизайна. Это база, без которой невозможна работа любого графического дизайнера. Психология цвета, формообразование и грамотное использование пространства, — все это положительно влияет на восприятие пользователя, заслуживая его лояльность.
Разработка адаптивного дизайна. Нужно обязательно убедиться, что дизайн пользовательского интерфейса отлично смотрится на экране любого размера и разрешения.
Знание основ брендинга. Узнаваемость продуктового дизайна — основной аспект UI. Это влияет на его конкурентоспособность — если человек видит знакомый символ, который к тому же является синонимом качества продукта, то он практически со стопроцентной вероятностью обратиться именно к этому сервису.
Владение графическими редакторами. Чтобы работать с командой и иметь возможность быстро реализовать любые запросы клиента, дизайнер должен владеть специализированным ПО. Это может быть:
- Figma — для создания дизайна интерфейса с возможностью совместной работы;
- Sketch — для проектирования пользовательского интерфейса;
- Adobe XD — тоже подходит для дизайна удобного интерфейса и создания прототипов;
- Balsamiq — для создания макетов;
- InVision — для создания прототипов будущих продуктов;
- Red Pen — для работы в команде;
- MockFlow — для создания каркасов, руководств по стилю и пользовательских карт сайта;
- Moqups — для поиска мокапов, создания прототипов пользовательского интерфейса, макетов и диаграмм;
- Unity — для работы с VR;
- Wireframe — для создания каркасов и макетов.
Признаки хорошо спроектированного интерфейса
- Ясность. Все элементы пользовательского интерфейса, включая визуальные метафоры, должны быть хорошо понятны пользователям, чтобы им не приходилось расшифровывать значение того или иного элемента.
- Лаконичность. Отсутствие перегруженности элементами поможет пользователю лучше ориентироваться на платформе.
- Узнаваемость. Использование шаблонных элементов, например, галочки для подтверждения или крестика для отмены операции, поможет пользователю попасть в привычную среду и интуитивно догадаться о значении тех или иных иконок, кнопок и частей страницы.
- Единообразие. Стилистические решения не должны дезориентировать пользователя, поэтому лучше выдерживать единую цветовую палитру и не использовать множество не подходящих друг другу шрифтов, иконок и форм.
Мобильное приложение для поиска специалистов «ТыНеОдна». Авторы проекта: студенты программы «UX/UI дизайн» Янис Мацегора и Дана Миндзаева.
Как новичку стать UX/UI дизайнером
Чтобы стать экспертом в разработке интерфейсов, нужно на раннем этапе выбрать специализацию и развиваться либо в UX, либо в UI. Первое, то есть дизайн пользовательского опыта, больше подойдет людям с аналитическим и математическим складом. UI лучше выбрать, если вы любите рисовать, создавать яркие иллюстрации и при этом умеете красиво структурировать информацию.
В команде также работают юзабилити-специалисты, которые много взаимодействуют с пользователями и тестируют прототипы в реальных условиях. А за разработкой и визуальным позиционированием продукта как бренда следят продуктовые дизайнеры.
Существует множество вариантов развития карьеры, и, чтобы не потеряться в них на этапе входа в профессию, стоит попробовать все на практике. В UX/UI дизайне много специфических аспектов, поэтому у большинства людей возникает вопрос: «с чего начать?». Ключ к успешной работе UX/UI дизайнером — качественное образование. Его можно получить в вузе или на дополнительных курсах.
Вузы или курсы. Высшее образование может быть не всегда актуально, если мы говорим об обучении IT-специальностям, в которые входит в том числе и UX/UI. Освоить профессию дизайнера интерфейсов с нуля лучше на курсах дополнительного профессионального образования. В Британке есть сразу три разных программы по UX/UI. На каждой из них, вне зависимости от продолжительности, студенты работают над реальными кейсами и взаимодействуют с настоящими заказчиками.
Если вы еще не уверены, что вам подойдет UX/UI дизайн, и вы хотите на практике попробовать себя в профессии, присмотритесь к четырехдневному интенсиву «UX & UI: продуктовый дизайн». Он позволит сделать первый шаг в индустрию и погрузиться в цикл продуктовой разработки.
Другая программа — «UX/UI дизайн: погружение в профессию» — длится три месяца и нацелена уже на более серьезную подготовку тех, кто хочет стать UI или UX дизайнером. За время обучения на программе студенты успевают научиться проводить различные виды исследований и создавать высоко детализированные прототипы мобильных и web-интерфейсов, а также тестировать их на пользователях.
Годовая программа «UX/UI дизайн» — это возможность профессионально освоить дизайн интерфейсов, собрать сильное портфолио и начать работать. Совсем новичкам в дизайне и продукте она не подойдет: для поступления на курс необходимо предоставить портфолио и пройти собеседование с куратором. Студенты учатся генерировать идеи, проводить качественные исследования, изучают стратегии UX/UI, получают навыки в прототипировании и аналитике, работают с VR/AR и кейсами «Сбера» и «Яндекса».
Приложение для XR-знакомства с историей Москвы. Авторы проекта: студенты программы «UX/UI дизайн».
Самообразование. Самостоятельное освоение профессии требует достаточного количества мотивации и времени. Начать изучение UX/UI дизайна стоит с формирования базы теоретических знаний и основных практических навыков: изучить принципы работы сайтов и приложений, технические требования и психологические аспекты дизайна. В этом вам будет достаточно книг и видеолекций.
После теории ознакомьтесь с основными графическими редакторами и попробуйте поработать в них. Очень важно развивать насмотренность, рассматривая и анализируя функционал ваших любимых приложений и сайтов. Пробуйте смотреть на них не как потребитель, а как разработчик, задавайте вопросы: какие инструменты проектирования были задействованы, какие решения были удачными, а какие нет. Это поможет вам раньше начать работать UX-дизайнером.
Для развития насмотренности и визуального вкуса смотрите на работы опытных дизайнеров и пробуйте повторять их. Таким образом вы сможете отработать навыки, попрактиковаться в графических редакторах и впоследствии найти собственный стиль. Обращайте внимание на то, что происходит на рынке: следите за приложениями крупных компаний, за топовыми дизайн-студиями и профессиональными конкурсами. Тренды быстро меняются, поэтому важно вовремя перестраиваться под новые запросы рынка.
Востребованность профессии
Сейчас ни один бизнес не обходится без сайта, а иногда и без мобильного приложения. В таких реалиях трудно переоценить важность UX/UI специальностей. Ежегодно количество вакансий для дизайнеров увеличивается в несколько раз: их приглашают в веб-студии, диджитал-агентства, рекламные и IT-компании.
Стандартный карьерный путь от уровня junior до senior — не единственный вариант. Потолка в этой профессии практически нет: можно уйти на должностной уровень руководителя, но тогда и требования к специалисту будут существенно отличаться, так как вырастет ответственность. Но это откроет для вас сотрудничество с крупными компаниями, даст возможность участвовать в масштабных проектах и увеличить свой доход.
Сколько зарабатывает UX/UI-дизайнер?
Зарплата UX/UI-дизайнера варьируется в разных регионах страны, однако старт везде одинаковый — это примерно 60-70 тысяч рублей. С опытом работы от года до трех лет вы сможете зарабатывать уже выше 100 тысяч рублей. В Москве и Санкт-Петербурге работодатели готовы платить специалистам уровня middle и 200 тысяч рублей. У senior-дизайнеров и лидов проекта суммы еще выше — от 300 тысяч рублей.
Скриншот с сайта поиска вакансий HH.ru
Как найти работу?
Стать UX-дизайнером высшего звена без опыта не получится, но найти работу на позиции стажера или junior-специалиста вполне возможно. Даже если это произойдет не сразу, вы хотя бы получите квалифицированную обратную связь о своем резюме и портфолио.
Можно попробовать найти первые заказы на фрилансе. Так вы сможете поэкспериментировать с дизайном интерфейсов и развиваться, будете самостоятельно контролировать нагрузку и выбирать клиентов. Каждый новый проект — это +1 к эффективности вашего портфолио. Его дополнением придется заниматься регулярно, на протяжении всей карьеры. С каждым разом ваш дизайн становится лучше, и это необходимо показывать новым заказчикам и работодателям.
Прогресс и стремление узнавать новое в профессии — лучшее оружие. Поэтому на собеседовании не бойтесь обращать внимание на те аспекты вашей работы, в которой смогли добиться существенных улучшений.