Кто такой UI/UX-дизайнер: обязанности и как начать карьеру
Основы3 минРедакция Innovialabs
Коротко
UI/UX-дизайнер проектирует, как продукт работает для пользователя (UX) и как он выглядит (UI): от сценариев и прототипов до готовых макетов для разработки. Чтобы начать, нужны основы проектирования интерфейсов, уверенная работа в Figma и портфолио с разбором 2–3 задач, а не галерея красивых экранов.
Коротко: кто такой UI/UX-дизайнер
UX (user experience) — это про то, насколько продуктом удобно пользоваться: понятен ли путь к цели, нет ли лишних шагов, где пользователь путается. UI (user interface) — про визуальную часть: сетки, типографика, цвета, компоненты, состояния кнопок.
UI/UX-дизайнер совмещает оба направления: он разбирается в задаче пользователя и бизнеса, проектирует решение и доводит его до макетов, по которым разработчики собирают продукт. В крупных компаниях роли иногда разделяют, но на рынке чаще встречаются вакансии, где нужно и то, и другое.
Чем дизайнер занимается каждый день
- Изучает задачу: что хочет бизнес, кто пользователи, какие у них сценарии.
- Проводит или использует исследования: интервью, анализ конкурентов, данные аналитики, обратная связь от поддержки.
- Проектирует структуру: пользовательские сценарии, карту экранов, wireframe-наброски.
- Делает прототипы и проверяет их на пользователях или внутри команды.
- Рисует финальные макеты с учетом всех состояний: загрузка, ошибка, пустой экран, длинный текст.
- Поддерживает дизайн-систему: компоненты, стили, правила их использования.
- Сопровождает разработку: отвечает на вопросы, проверяет реализацию, правит макеты.
Работа с разработчиками и PM
Дизайнер почти никогда не работает в одиночку. Типичная связка выглядит так:
| С кем | О чем договариваются |
|---|---|
| Продакт-менеджер | цели, приоритеты, метрики, рамки задачи |
| Разработчики | реализуемость, сроки, поведение компонентов, адаптивность |
| QA | ожидаемое поведение интерфейса, граничные случаи |
| Аналитики | данные о поведении пользователей, результаты экспериментов |
Хороший дизайнер приходит к разработчикам до финальных макетов, а не после. Так проще узнать, что решение потребует непропорционально много работы, и найти вариант проще. Макеты, переданные в разработку, должны отвечать на вопросы заранее: отступы, состояния, поведение на мобильных экранах.
Что нужно знать junior-дизайнеру
Базовые знания:
- композиция, сетки, типографика, работа с цветом и контрастом;
- основы UX: эвристики юзабилити, пользовательские сценарии, информационная архитектура;
- паттерны интерфейсов для веба и мобильных платформ;
- основы доступности: контраст, размер элементов, понятные подписи.
Инструменты:
- Figma — стандарт индустрии: auto layout, компоненты, варианты, прототипирование;
- базовое понимание, как устроены HTML и CSS, — не чтобы верстать, а чтобы говорить с разработчиками на одном языке.
Навыки работы:
- объяснять свои решения через задачу пользователя, а не через «так красивее»;
- спокойно принимать критику и итерации;
- задавать вопросы, пока задача не станет понятной.
Как собрать первое портфолио
Главная ошибка начинающих — портфолио из красивых экранов без контекста. Нанимающему важно увидеть, как вы думаете.
- Возьмите 2–3 задачи. Это может быть редизайн реального сервиса, учебный проект или задача для знакомого бизнеса.
- Для каждой опишите: проблему, пользователей, ограничения, варианты решений, итог и почему выбран именно он.
- Покажите промежуточные этапы: сценарии, wireframe, прототип.
- Добавьте мобильную версию и состояния интерфейса, а не только «идеальный» экран.
- Сократите текст до самого важного: кейс должен читаться за несколько минут.
Концепт-редизайн известного приложения допустим, но честно подписывайте его как концепт и объясняйте, какую проблему вы решали.