Live-данные · обновлено 23.06.26

UX/UI-дизайнер: кто это и чем занимается

UX/UI-дизайнер разбирает пользовательский сценарий и превращает его в интерфейс, которым можно пользоваться без лишних объяснений. Это не просто человек, который красиво рисует экраны: он проектирует структуру, прототип, визуальные состояния, ошибки, адаптивность и handoff для разработки. В работе важны Figma, UX, UI, прототипирование, дизайн-системы, доступность, проверка решений и понимание ограничений продукта. Ценность роли в том, чтобы пользователь понял действие, исправил ошибку и дошёл до результата, а команда получила решение, которое можно реализовать и поддерживать. По SkillStat в Москве и МО сейчас 61 активных вакансий, медианная зарплата - 161 000 ₽.

КМ Кузнецова Мария · Senior Product / UX/UI Designer · технический редактор SkillStat по интерфейсам, дизайн-системам и продуктовому UX · 10+ лет в продуктовом дизайне, UX-исследованиях, дизайн-системах, handoff и запуске цифровых интерфейсов
Вакансии
61
Москва и МО · 23.06.26
Медиана зарплаты
161 000 ₽
вилка 120 500–201 000 ₽
По вакансиям за 60 дней
Спрос
25 / 100
Низкий · #33
Уровень
Senior
61% вакансий
Формат
офисный формат
удал. 16% · гибрид 39% · офис 44%
Выборка зарплат
41
вакансий с зарплатой

Как ещё называют UX/UI-дизайнера

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

Синонимы
UX/UI-дизайнерUI/UX-дизайнердизайнер интерфейсовдизайнер цифровых продуктовUX/UI DesignerUI/UX Designerinterface designerdigital product designer
Смежные роли
Product DesignerUX DesignerUI DesignerWeb DesignerGraphic DesignerUX ResearcherUX WriterContent DesignerService DesignerFrontend Developer
Рыночный вывод

Свежие данные рынка: 61 активных вакансий, медиана 161 000 ₽, спрос 25/100. Срез по Москве и МО от 23.06.2026.

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

Коротко о профессии

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

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

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

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

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

Как читать данные на странице

Числовые метрики показывают вакансии Москвы и Московской области. Описание роли, задач и навыков относится к профессии в целом.

Регион
Москва и МО
Срез
23.06.26
Зарплата
По вакансиям за 60 дней
Выборка
n=41

Актуальные данные по профессии

Актуальный срез по вакансиям, зарплате, спросу и динамике найма для дизайнера интерфейсов в Москве и МО.

Вакансии Количество активных вакансий на сегодня в регионе Москва и МО. Не включает закрытые или приостановленные.
61
активных вакансий
Москва и МО · текущий срез 23.06.26
7 дней назад
155
16.06.26 -61%
30 дней назад
187
24.05.26 -67%
Спрос 50 = средний по рынку, 100 = в 4× больше вакансий чем у средней IT-профессии. Метрика считается по актуальной выборке Москва и МО.
25
из 100
Ранг по спросу
#33 из 71
Статус
Низкий
Топ спроса
#1
Системный аналитик
645
#2
Продакт-менеджер
521
#3
Бизнес-аналитик
504
Медианная зарплата
161 000
Москва и МО · По вакансиям за 60 дней
Ранг в зарплатах
#27 из 31
Диапазон рынка
120 500 ₽ - 201 000 ₽
май 2026 г. -2%
Топ зарплат
#1
Техлид
402 000 ₽
#2
Тимлид
345 000 ₽
#3
ML-инженер
287 000 ₽
#27
UX/UI-дизайнер
161 000 ₽
Средний тренд Сначала сравниваем последние 30 дней с предыдущими 30. Если в одном из окон меньше 14 точек, пробуем 45, 60, 90 дней. Ряд использует ту же семантику активных публичных вакансий, что и верхнее число.
↓ 14.5%
последние 30 дней vs предыдущие 30
среднее последнего окна ниже предыдущего
164 против 192 вакансий, последние 30 дней vs предыдущие 30
сглаживание 30 дней

Кто такой UX/UI-дизайнер

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

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

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

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

Фокус

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

Рабочий результат

Макеты, прототипы, дизайн-система, описанные состояния, проверенные сценарии и понятная логика взаимодействия.

Где нужен

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

Где начинается работа

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

Что становится результатом

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

Почему дизайн не равен красоте

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

UX/UI Core: что реально нужно знать

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

Пользовательский сценарий

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

UX

User flow, CJM, структура, навигация, формы, состояния, подсказки и ограничения. UX отвечает за путь, понятность и снижение лишнего усилия.

UI

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

Прототипирование

Wireframe, low-fi, high-fi, interactive prototype, сценарий проверки и варианты решения. Прототип нужен, чтобы обсуждать поведение до дорогой реализации.

Дизайн-система

Компоненты, состояния, токены, UI kit, правила использования, документация и consistency. Система помогает не спорить о каждом экране с нуля.

Доступность

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

Исследования

Интервью, usability testing, анализ обращений, продуктовая аналитика, гипотезы и проверка спорных решений. Хороший UX не держится только на вкусе.

Передача в разработку

Handoff, спецификации, edge cases, empty/loading/error states, адаптивы и комментарии для разработки. Макет должен быть реализуемым, а не только презентационным.

Продуктовый контекст

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

Коммуникация

Защита решения, работа с продактом, аналитиком, разработчиком и стейкхолдерами. Дизайнер объясняет не вкус, а причину решения и последствия альтернатив.

Чем занимается UX/UI-дизайнер

Сценарий

путь пользователя и задача

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

макеты, прототипы и визуальная логика

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

исследования и аргументация

  • Проверяет спорные решения через интервью, наблюдение, анализ поведения, эксперименты или разбор обращений пользователей.
  • Отделяет личный вкус от пользовательской задачи и объясняет команде, какой риск закрывает выбранное решение.
Передача

работа с разработкой и продуктом

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

Как выглядит работа по задаче

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

Шаг 01

Уточняет задачу

Дизайнер выясняет, кто пользователь, что он пытается сделать, где сейчас возникает сложность и какое действие должно стать проще.

Шаг 02

Разбирает сценарий

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

Шаг 03

Проектирует решение

Создаёт структуру экрана, прототип, визуальную иерархию, компоненты, тексты, состояния и варианты для разных условий.

Шаг 04

Проверяет спорные места

Смотрит, не стало ли решение красивым, но непонятным: проверяет на пользователях, данных, обращениях или экспертном разборе.

Шаг 05

Передаёт в разработку

Описывает поведение, отступы, состояния, ошибки, пустые данные, адаптивность и помогает команде сохранить смысл решения в реализации.

UX/UI-дизайнер, Product Designer, UX Designer, UI Designer и Web Designer - в чём разница

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

Роль Главный фокус Что делает Типовой результат Какие навыки нужны Чем отличается от UX/UI-дизайнера
UX/UI-дизайнер Сценарий пользователя и визуальный интерфейс. Проектирует user flow, структуру, прототип, UI, состояния, адаптивы и handoff. Проверяемый интерфейс, который пользователь понимает, а разработка может реализовать. Figma, UX, UI, прототипирование, типографика, дизайн-система, accessibility, handoff. Это базовая роль сравнения: соединяет UX-логику и UI-исполнение.
Product Designer Продуктовая ценность и пользовательский результат. Работает с гипотезами, метриками, сценариями, исследованиями, интерфейсом и развитием продукта. Решение, которое влияет на метрику, поведение пользователя или бизнес-ограничение. UX/UI, продуктовая аналитика, исследования, метрики, стратегия, коммуникация. Product Designer шире: чаще отвечает не только за интерфейс, но и за продуктовую гипотезу и результат.
UX Designer Опыт, структура и путь пользователя. Исследует сценарий, строит user flow, CJM, wireframe, тестирует гипотезы и ищет проблемы. Понятная логика взаимодействия до визуальной полировки. Исследования, интервью, CJM, user flow, прототипы, usability testing, аналитика. UX Designer может меньше заниматься визуальной детализацией UI и дизайн-системой.
UI Designer Визуальная система интерфейса. Создаёт экраны, компоненты, типографику, сетку, цвета, иконки и состояния. Аккуратный визуальный интерфейс с понятной иерархией и состояниями. Композиция, типографика, Figma, UI kit, визуальная иерархия, адаптивность. UI Designer глубже в визуальном слое, но может меньше отвечать за исследование сценария.
Web Designer Сайты, лендинги и веб-страницы. Проектирует визуальную структуру сайта, промо-страницы, адаптивы и веб-композицию. Готовый дизайн сайта или страницы для разработки. Figma, композиция, типографика, сетка, web-паттерны, базовый HTML/CSS. Web Designer чаще работает с веб-страницей, а UX/UI - с продуктовым сценарием и состояниями.
Graphic Designer Визуальная коммуникация и бренд. Делает айдентику, баннеры, иллюстрации, презентации, упаковку или рекламные материалы. Визуальный материал, который передаёт сообщение бренда. Композиция, цвет, типографика, Photoshop, Illustrator, бренд-система. Графический дизайнер отвечает за коммуникацию, а UX/UI - за интерактивный сценарий пользователя.
UX Researcher Понимание пользователя и проверка гипотез. Проводит интервью, usability testing, опросы, анализирует поведение и формулирует выводы. Исследовательские выводы, которые помогают принять продуктовые и UX-решения. Research methods, интервью, тестирование, аналитика, синтез данных, отчёты. UX Researcher не обязан делать финальный UI и handoff, его зона - доказательства и инсайты.
UX Writer Текст в интерфейсе. Пишет кнопки, ошибки, подсказки, уведомления, empty states и правила тона. Понятные интерфейсные тексты, которые помогают действию. Редактура, UX, tone of voice, сценарии, локализация, работа с ошибками. UX Writer отвечает за слова в сценарии, а UX/UI - за структуру, визуальный слой и взаимодействие.
Content Designer Смысловая структура продукта и контента. Проектирует информационную архитектуру, тексты, навигацию и правила контента. Понятный путь через содержание, действия и поддержку пользователя. Content strategy, UX writing, IA, исследования, редактура, продуктовая логика. Content Designer глубже в содержании и языке, UX/UI - в интерфейсной системе в целом.
Frontend Developer Реализация интерфейса в коде. Верстает, пишет логику клиентской части, подключает API, следит за адаптивностью и состояниями. Рабочий интерфейс в браузере или приложении. HTML, CSS, JavaScript, React/Vue/Angular, accessibility, API, тесты. Frontend Developer реализует интерфейс, UX/UI-дизайнер проектирует решение и готовит handoff.

Навыки дизайнера интерфейсов: что требуют работодатели

Работодатели ждут от дизайнера интерфейсов не только владение Figma. Нужны сценарное мышление, прототипирование, визуальная иерархия, типографика, сетки, компоненты, адаптивность, дизайн-системы, основы доступности и умение готовить макеты к разработке. В продуктовых командах важны исследования, работа с метриками и понимание, как интерфейс влияет на пользовательское поведение.

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

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

В текущем активном срезе по этой роли 61 вакансий. Список работодателей ниже построен по накопленной статистике SkillStat, поэтому его нужно читать как ориентир по источникам вакансий, а не как долю текущего рынка.
Топ работодателей
Компании, которые встречаются в вакансиях по профессии UX/UI-дизайнер
1
Сбер для экспертов
19 вак.
2
Сбер. IT
14 вак.
3
Employcity
12 вак.
4
Azur Games
11 вак.
5
Outlines Technologies
9 вак.
6
ОТП Банк. IT
8 вак.
Вход через junior
13%
от рынка

Рынок ориентирован на опытных специалистов.

На одну junior-вакансию приходится примерно 4.7 senior-позиции.
Навыков на вакансию
4
в среднем

Столько требований работодатели обычно собирают в одной позиции по этой роли.

Курс · подобран по данным рынка

Лучший курс для дизайнера интерфейсов

Соответствие рассчитано по стеку из 61 вакансий — это не реклама, а совпадение со спросом работодателей.

Все курсы →
Лучшее совпадение
98%
соответствие
P
ProductStar
онлайн · курс
Профессия: UX/UI-дизайнер
8 месяцев Сертификат
4
от 2 784 ₽/мес
Сравнить все курсы

Как читать навыки UX/UI-дизайнера

В вакансиях SkillStat чаще всего встречается Figma, затем UX и UI. HTML, CSS и JavaScript полезны для handoff и понимания разработки, но не должны вытеснять сценарий, прототипирование и дизайн-системы.

UX/UI Core

Figma, UX, UI, сценарное мышление, структура, состояния, проверка решений и дизайн интерфейсов. Это слой, без которого роль теряет смысл.

Figma and prototyping

Auto layout, components, variants, styles, variables, interactive prototype and shared files. Инструмент важен только тогда, когда помогает проектировать и проверять сценарий.

Visual UI

Композиция, типографика, сетка, цвет, иконки, визуальная иерархия, адаптивность, Photoshop and Illustrator как смежный визуальный контекст.

Design systems

Компоненты, UI kit, состояния, токены, правила, документация и consistency. Чем больше продукт, тем важнее работать не отдельными картинками, а системой.

Research and product logic

Интервью, usability testing, поддержка, метрики, гипотезы, ограничения и выбор между вариантами. Это помогает защищать решение фактами.

Handoff and development context

HTML, CSS, JavaScript, Jira, спецификации, адаптивы, edge cases и комментарии разработке. Это контекст реализации, а не замена UX/UI-ядра.

Platform context

iOS, Android and web влияют на поведение, размеры, жесты, ожидания и ограничения. Один и тот же сценарий нельзя бездумно переносить между платформами.

Сопутствующие инструменты

Miro, Jira, Adobe InDesign and other tools появляются в отдельных процессах. Их стоит знать по задаче, но портфолио оценивают по решению, а не по списку программ.

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

По активным вакансиям SkillStat показывает медиану 161 000 ₽ и диапазон 120 500 ₽–201 000 ₽ на выборке n=41. Для UX/UI-дизайнера это не верхняя граница профессии, а текущий срез рынка Москвы и МО: в него попадают студии, продуктовые команды, банки, игры, внутренние сервисы и вакансии разного уровня.
Сама медиана показывает центр рынка, но не объясняет, за счёт чего специалист растёт в доходе. Для этого важнее посмотреть, как меняется зарплата по уровням и где начинается заметный разрыв между грейдами.
Зарплата по грейдам
Медиана зарплаты по грейду. n — выборка вакансий с указанной суммой.

Грейдовые медианы не показываются, если в каждом уровне не хватает publishable-выборки. Распределение по уровням рядом показывает структуру вакансий, а не зарплатные вилки.

Распределение по уровням
Senior
61% рынка
Lead
2%
Senior
61%
Middle
22%
Junior
13%
Intern
2%
По структуре вакансий видно, какой уровень для этой профессии считается базовым на рынке. Это помогает читать грейды не как абстрактную лестницу, а как реальную точку входа и роста.
Дополнительный разбор

Как читать медиану

Выше оплачиваются дизайнеры, которые отвечают не только за макет, но и за качество решения: сценарий, форму, таблицу, личный кабинет, мобильный поток, дизайн-систему, состояния, ограничения, проверку гипотезы и передачу в разработку. На младшем уровне чаще ждут аккуратную Figma, базовую визуальную систему и способность довести один сценарий до понятного кейса. На среднем и старшем уровне важнее самостоятельность: найти проблему, предложить варианты, объяснить компромисс, согласовать решение и проверить, что оно работает для пользователя и команды.

Вакансии дизайнера интерфейсов: спрос и динамика рынка

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

Активные вакансии
61
в активном найме
Москва и МО · текущий срез 23.06.26
7 дней назад
155
16.06.26 -61%
30 дней назад
187
24.05.26 -67%
Спрос
25
из 100
Ранг по спросу
#33 из 71
Статус
Низкий
Среднее число активных вакансий по месяцам
Блок показывает среднее число активных вакансий за месяц, чтобы видеть общую картину без шума отдельных дней.
июнь 158 неполный -29
май 187 -33
апрель 220 +51
март 169 -64
февраль 233
Июнь пока показан как текущий неполный месяц, поэтому его лучше читать как живую картину рынка, а не как итог месяца.
Дополнительный разбор

Спрос у UX/UI-дизайнера сейчас ниже среднего: 25/100 и #33 из 71 профессий SkillStat. Текущий срез лучше читать вместе со значениями за 7 и 30 дней и сглаженным рядом.

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

Формат работы дизайнера интерфейсов

Этот срез показывает, в каком формате работодатели чаще всего открывают вакансии по профессии: удалённо, гибридно или с полной привязкой к офису.

Сейчас сильнее всего выражен офисный формат: его отрыв от следующего сценария составляет около 5 п.п.
Удалённо
16%
Гибрид
39%
Офис
44%
По 61 вакансиям

Карьерный путь дизайнера интерфейсов

Грейдовые медианы показываются только для уровней с достаточной зарплатной выборкой. Если данных хватает не по всем уровням, SkillStat не выводит отдельную salary-колонку в карьерных карточках, чтобы не повторять пустые значения.

01
Junior

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

02
Middle

Средний уровень самостоятельно ведёт сценарии, прототипы, макеты, исследования, передачу в разработку и работу с компонентами продукта.

03
Senior

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

04
Lead

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

Где работает UX/UI-дизайнер

Финтех и онлайн-торговля

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

Мобильные и пользовательские продукты

Здесь важны быстрые действия, простая навигация, понятные состояния, адаптация под маленький экран и аккуратная работа с ошибками.

Внутренние сервисы и кабинеты

Работа ближе к эффективности сотрудников: формы, таблицы, роли, статусы, фильтры, сложные правила и сценарии, которые повторяются каждый день.

Путь в профессию: дизайнером интерфейсов

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

01
Пользовательский сценарий

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

02
Композиция и визуальная иерархия

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

03
Типографика

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

04
Сетка и отступы

Освойте ритм, контейнеры, выравнивание, адаптивные ограничения и правила, по которым экран не разваливается при изменении контента.

05
Figma

Используйте Figma не как альбом экранов, а как рабочую систему: auto layout, components, variants, styles, variables and prototypes.

06
Wireframes и прототипы

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

07
Состояния интерфейса

Показывайте empty, loading, error, success, disabled, validation and permission states. Именно в них часто ломается пользовательский опыт.

08
Формы и ошибки

Разберите поля, подсказки, маски, валидацию, сообщения об ошибках, повторную отправку и восстановление после неверного действия.

09
Адаптивность

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

10
Дизайн-система и компоненты

Поймите, как компоненты живут в продукте: состояния, варианты, токены, правила использования, документация и связь с кодом.

11
Основы доступности

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

12
Usability testing

Научитесь давать человеку задачу, наблюдать за действием, фиксировать сбои и улучшать решение по фактам, а не по вкусу.

13
Handoff в разработку

Передавайте макет вместе с состояниями, адаптивами, edge cases, текстами ошибок, правилами компонентов и комментариями для реализации.

14
HTML/CSS на уровне ограничений

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

15
Портфолио из 2-3 кейсов

Соберите кейсы с задачей, ограничениями, вариантами, проверкой, состояниями и handoff. Работодатель должен видеть ход решения, а не только финальные экраны.

Путь в профессию
Как стать дизайнером интерфейсов: данные из вакансий
Roadmap, junior-рынок, проекты для портфолио, первый оффер — без обещаний, с цифрами.
Как стать дизайнером интерфейсов
Курсы · подобрано по данным рынка

Курсы для дизайнера интерфейсов

Сопоставили программы с реальным стеком из 61 вакансий — оценка соответствия рассчитана автоматически, это не реклама.

Соответствие — доля ключевых навыков из вакансий, которые охватывает программа курса

Что не надо учить сразу

Начинающему UX/UI-дизайнеру легко уйти в инструменты и визуальные эффекты. Это быстро создаёт ощущение прогресса, но не доказывает умение решать пользовательскую задачу.

Не начинать с красивых экранов без пользовательского сценария

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

Не учить Figma как замену мышлению

Figma ускоряет работу, но не выбирает правильный user flow, текст ошибки, состояние компонента или продуктовый компромисс.

Не делать портфолио из учебных лендингов без задачи

Кейс должен объяснять ограничение, пользователя, варианты, проверку и результат. Учебный экран без контекста слабее рабочего сценария.

Не уходить в анимации и 3D раньше базы

Сначала композиция, типографика, состояния, формы и адаптивность. Эффекты не спасают непонятный интерфейс.

Не игнорировать empty, loading, error and disabled

Пользователь сталкивается не только с идеальным экраном. Ошибки, пустые списки и загрузка должны быть спроектированы так же внимательно.

Не учить HTML/CSS вместо UX/UI-ядра

Понимать разработку полезно, но роль UX/UI не сводится к вёрстке. Главный вклад - сценарий, интерфейсное решение и handoff.

Не защищать решение словами «так красивее»

Нужна связь со сценарием, ограничением, данными, доступностью или поведением пользователя. Вкус без аргумента плохо работает в команде.

Не копировать Dribbble-паттерны без понимания продукта

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

Что добавить в портфолио UX/UI-дизайнера

Сильное портфолио показывает не количество экранов, а ход решения: задачу пользователя, ограничения продукта, варианты, проверку, состояния и передачу в разработку.

Форма или заявка

Покажите пользователя, цель, поля, валидацию, ошибки, empty/loading/success states, адаптив и handoff. Объясните, какие ошибки предотвращены и как человек завершает действие.

Личный кабинет

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

Мобильный сценарий

Разберите маленький экран, быстрые действия, жесты, ошибки, пустые состояния и platform guidelines. Важно показать, как сценарий меняется на мобильном устройстве.

Редизайн проблемного экрана

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

Дизайн-система

Покажите компоненты, состояния, токены, правила, документацию и примеры использования. Работодатель должен увидеть, как вы поддерживаете единообразие.

Handoff-кейс

Добавьте макет, состояния, спецификацию, адаптивы, edge cases и комментарии для разработки. Это доказывает, что решение можно реализовать без бесконечных уточнений.

Что раскрыть в каждом UX/UI-кейсе

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

Задача пользователя

Кто действует, что хочет сделать, почему это важно и где может возникнуть ошибка или сомнение.

Ограничение продукта

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

Варианты

Какие решения рассматривались, почему часть вариантов была отброшена и какой компромисс выбран.

Проверка

Как проверяли решение: usability test, экспертное ревью, данные поддержки, продуктовая метрика или быстрый коридорный тест.

Состояния

Какие empty, loading, error, success, disabled, validation and permission states описаны и почему они важны.

Handoff

Как решение передано разработке: спецификация, адаптивы, компоненты, edge cases, комментарии и открытые вопросы.

Что спрашивают на собеседовании UX/UI-дизайнера

На собеседовании проверяют не только знание Figma. Смотрят, как дизайнер начинает задачу, объясняет решение, учитывает ограничения, работает со состояниями и понимает передачу в разработку.

UX

Сценарий, user flow, CJM, проблема пользователя, гипотеза и проверка. Часто спрашивают, как вы начинаете задачу и как понимаете, что интерфейс работает.

UI

Композиция, типографика, сетка, цвет, иерархия и адаптивность. Могут попросить объяснить, почему один экран читается хуже другого.

Figma

Компоненты, auto layout, variants, styles, variables and prototyping. Важно не просто знать функции, а использовать их для поддерживаемого макета.

Дизайн-система

Компоненты, состояния, документация, consistency and tokens. Спросят, как не плодить новые варианты и как описывать правила.

Доступность

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

Исследования

Интервью, usability testing, анализ обращений и метрики. Нужно объяснить, как проверить решение без большого исследования.

Handoff

Состояния, спецификация, адаптивы, edge cases и разработка. Частый вопрос: как передать макет так, чтобы команда не додумывала детали сама.

Портфолио

Задача, ограничения, варианты, проверка, итог и рефлексия. Слабый ответ показывает только финальные экраны, сильный - ход решения.

Практический кейс

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

Примеры вопросов на собеседовании

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

Про старт задачи

Чем UX отличается от UI? Как вы начинаете задачу? Как понять, что интерфейс работает? Как выбрать между двумя вариантами экрана?

Про состояния

Как описать ошибку в форме? Что такое empty state? Какие состояния нужно показать в макете? Что делать с loading and disabled states?

Про дизайн-систему и handoff

Что такое design system? Как передать макет разработчику? Как описать edge cases? Что делать, если реализация дорогая?

Про защиту решения

Как защитить решение без вкусовщины? Что делать, если продакт хочет одно, а разработка видит риск? Как проверить решение без полноценного исследования?

Про портфолио

Что должно быть в хорошем портфолио? Что вы улучшили бы в своём последнем кейсе? Как вы доказываете свой вклад, если проект был командным?

Плюсы и минусы профессии

Плюсы

  • Профессия соединяет визуальную работу, продуктовые решения и понимание поведения пользователей.
  • Навыки востребованы в разных цифровых продуктах: от мобильных приложений до внутренних сервисов.
  • Есть рост в продуктовый дизайн, дизайн-системы, исследования, руководство дизайном и сервисное проектирование.
  • Работа даёт видимый результат: экран становится понятнее, сценарий короче, ошибок у пользователя меньше.
  • Хорошее портфолио может быстро показать уровень мышления, даже если опыт пока небольшой.

Минусы

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

Кому подойдет

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

Подойдет

  • Умение задавать вопросы о задаче пользователя до рисования экрана.
  • Готовность принимать обратную связь от продукта, разработки и пользователей.
  • Внимательность к состояниям, ошибкам, пустым данным и крайним сценариям.
  • Способность объяснять решение через риск, действие и результат, а не через вкус.
  • Терпение к деталям: отступам, текстам, компонентам, адаптивности и доступности.
  • Навык удерживать простоту, когда продукт и требования становятся сложнее.

Не подойдет

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

FAQ по профессии UX/UI-дизайнер

Кто такой UX/UI-дизайнер простыми словами?

UX/UI-дизайнер проектирует интерфейс так, чтобы человек понял путь, выполнил действие и получил результат. Он соединяет сценарий, визуальный слой, состояния и передачу решения в разработку.

Чем занимается дизайнер интерфейсов?

Он разбирает задачу пользователя, строит user flow, делает wireframe и прототип, оформляет UI, описывает состояния, проверяет решение и готовит handoff для разработки.

Какие навыки нужны UX/UI-дизайнеру?

Нужны Figma, UX, UI, сценарное мышление, прототипирование, композиция, типографика, дизайн-системы, доступность, usability testing и handoff в разработку.

Можно ли стать UX/UI-дизайнером с нуля?

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

Сколько зарабатывает UX/UI-дизайнер, можно ли работать удалённо и заменит ли его AI?

В текущем срезе SkillStat медиана 161 000 ₽, удалённых вакансий 16%. AI ускоряет черновики и варианты, но не заменяет ответственность за сценарий, проверку и handoff.

Что спрашивают на собеседовании UX/UI-дизайнера?

Спрашивают про UX и UI, Figma, дизайн-системы, доступность, usability testing, handoff, портфолио и практические кейсы: форма, пустой список, таблица или мобильная оплата.

Нужно ли знать Figma?

Да. Figma остаётся главным инструментом для макетов, компонентов, прототипов и передачи интерфейса. Но знание Figma без сценария и состояний не делает сильного дизайнера.

Нужно ли знать HTML и CSS?

HTML и CSS полезны, чтобы понимать ограничения верстки, адаптивность и разговор с frontend. Но это контекст реализации, а не замена UX/UI-ядра.

Нужно ли знать JavaScript?

Глубоко программировать обычно не требуется. Базовое понимание интерактивности, состояний, ограничений браузера и стоимости реализации помогает лучше договариваться с разработкой.

Почему junior-вход сложный?

Рынок ждёт самостоятельность даже от младших дизайнеров: Figma, базовую визуальную систему, сценарий, состояния и аккуратное описание кейса. Учебные лендинги конкурируют слабо.

Чем UX отличается от UI?

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

Чем UX/UI-дизайнер отличается от графического дизайнера?

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

Чем UX/UI-дизайнер отличается от Product Designer?

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

Чем UX/UI-дизайнер отличается от UI Designer?

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

Чем UX/UI-дизайнер отличается от UX Designer?

UX Designer глубже работает с исследованием, структурой, user flow, CJM и проверкой сценария. UX/UI-дизайнер дополнительно доводит интерфейс до визуального слоя и handoff.

Чем UX/UI-дизайнер отличается от Web Designer?

Web Designer чаще проектирует сайты и лендинги. UX/UI-дизайнер работает шире: личные кабинеты, приложения, сложные сценарии, дизайн-системы, состояния и продуктовые ограничения.

Что добавить в портфолио UX/UI-дизайнера?

Добавьте 2-3 кейса: форма или заявка, личный кабинет, мобильный сценарий, редизайн проблемного экрана, дизайн-система или handoff-кейс с состояниями и проверкой.

Что такое accessibility?

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

Что такое CJM?

CJM, или customer journey map, описывает путь пользователя шире одного экрана: цели, шаги, эмоции, боли, точки контакта и возможности улучшения опыта.

Что такое design system?

Design system - это набор компонентов, правил, токенов, состояний и документации. Она помогает продукту сохранять единообразие и ускоряет работу дизайна и разработки.

Что такое prototype?

Prototype - это кликабельная или интерактивная модель сценария. С её помощью проверяют путь пользователя, логику переходов и спорные решения до разработки.

Что такое UI kit?

UI kit - это библиотека визуальных элементов: кнопок, полей, карточек, иконок и состояний. В зрелом продукте он обычно является частью дизайн-системы.

Что такое usability testing?

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

Что такое user flow?

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

Что такое wireframe?

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