UI, UX, IxD, IA: дисциплины продуктового дизайна
Дизайн цифровых продуктов давно перестал быть единой профессией. UI-дизайнер, UX-дизайнер, interaction-дизайнер, информационный архитектор, сервис-дизайнер, продукт-дизайнер — за каждым названием стоит своя зона ответственности, свои методы работы и свои артефакты. На малых проектах эти роли совмещаются одним человеком, на крупных — разделяются между специалистами, иногда целыми командами.
Путаница между дисциплинами создаёт практические проблемы: непонятно, кого нанимать, как формировать команду, какие задачи кому ставить. Эта статья описывает основные дизайнерские дисциплины в работе над цифровыми продуктами, их различия и точки пересечения, эволюцию ролей за последние годы и подходы к построению команд разного размера.
Откуда возникла путаница
Современные роли в продуктовом дизайне сформировались исторически. UX появился из инженерной психологии и human factors. UI вырос из графического дизайна и типографики. Interaction Design возник в академической среде в 1980-х. Информационная архитектура — из библиотечного дела и науки о классификациях. Service Design пришёл из marketing и операционного менеджмента.
В разное время разные индустрии заимствовали разные подходы, по-разному называли роли, по-разному выстраивали команды. Сегодня названия в одной компании могут означать одно, в другой — другое. «UX-дизайнер» в маленьком стартапе часто делает всё, от исследований до финальных макетов. «UX-дизайнер» в крупной корпорации может быть узким специалистом по wireframe и user flows, не отвечая ни за интерфейс, ни за исследования.
UI Design — визуальный дизайн интерфейса
User Interface Design — дисциплина, отвечающая за визуальное оформление интерфейса. UI-дизайнер работает с цветом, типографикой, иконками, иерархией, композицией, состояниями элементов. Цель — сделать интерфейс понятным, привлекательным и согласованным с брендом.
Что делает UI-дизайнер
- Проектирует визуальный язык продукта: палитра, типографика, размеры, отступы
- Создаёт компоненты и их состояния (hover, active, disabled, error)
- Работает с design system и поддерживает её консистентность
- Прорисовывает иконки, иллюстрации, графические элементы
- Адаптирует дизайн под разные размеры экранов и платформы
- Готовит визуальные спецификации для разработки
Артефакты UI-дизайна
| Артефакт | Назначение |
|---|---|
| Style guide | Документ с цветами, шрифтами, основными элементами |
| Mockups | Визуально оформленные экраны с финальным дизайном |
| Component library | Переиспользуемые элементы в Figma и в коде |
| Icon set | Согласованный набор иконок продукта |
| Illustrations | Графические элементы для empty states, ошибок, маркетинга |
| Animation specs | Описание микро-анимаций и переходов |
UX Design — проектирование пользовательского опыта
User Experience Design — дисциплина, отвечающая за то, как пользователь взаимодействует с продуктом и какие чувства при этом испытывает. UX покрывает весь опыт — от первого знакомства с продуктом до длительного использования и возможного отказа.
Что делает UX-дизайнер
- Проводит исследования пользователей или участвует в них
- Создаёт user flows и customer journey maps
- Проектирует wireframes и прототипы
- Тестирует решения с реальными пользователями
- Анализирует поведенческие данные продукта
- Формулирует и валидирует гипотезы о пользователях
- Работает с продакт-менеджером над приоритизацией задач
UX vs UI — главное отличие
UI — это как продукт выглядит. UX — это как продукт работает и ощущается. Хороший UI не делает плохой UX хорошим: красивый, но непонятный или нелогичный интерфейс остаётся плохим продуктом. Хороший UX без хорошего UI работает функционально, но проигрывает в восприятии: пользователи могут предпочесть менее удобный, но более красивый продукт конкурента.
В реальности дисциплины тесно связаны. Невозможно полноценно проектировать UX без оглядки на визуальную реализацию: размещение элементов, их размер и контрастность влияют на удобство. И наоборот, UI без понимания пользователя и контекста становится украшательством без смысла.
Interaction Design — проектирование взаимодействий
Interaction Design (IxD) — дисциплина, фокусирующаяся на детальной механике взаимодействия пользователя с интерфейсом. Что происходит при нажатии кнопки? Как ведут себя элементы при наведении? Как пользователь должен понять, что что-то загружается?
Зоны ответственности IxD
- Микро-взаимодействия: кнопки, переключатели, поля ввода, выпадающие списки
- Состояния элементов и переходы между ними
- Анимации, передающие смысл (а не украшающие)
- Обратная связь системы: индикаторы загрузки, подтверждения, ошибки
- Жесты и нестандартные способы ввода на мобильных устройствах
- Поведение элементов при скролле, ресайзе, изменении состояния
5 измерений Interaction Design
Билл Веруплан и Кевин Сильвер описали IxD через пять измерений, формирующих взаимодействие:
- Слова: тексты в интерфейсе, microcopy, лейблы
- Визуальные элементы: иконки, картинки, графики
- Физические объекты или пространство: устройство, среда использования
- Время: длительность, последовательность, ритм взаимодействия
- Поведение: реакции системы, обратная связь
Information Architecture — информационная архитектура
IA — дисциплина об организации, структурировании и маркировке контента. Информационный архитектор отвечает за то, чтобы пользователь мог найти нужное и понять, где он находится в системе.
Что делает IA
- Создаёт структуру навигации продукта
- Разрабатывает таксономии и категории контента
- Проводит card sorting и tree testing
- Проектирует поисковую логику и фильтрацию
- Работает с метаданными и тегированием
- Создаёт sitemap и логические карты продукта
Где IA особенно критична
В контент-ориентированных продуктах: маркетплейсы, каталоги, библиотеки документов, СМИ, образовательные платформы. Когда содержимое исчисляется тысячами или миллионами единиц, плохая IA делает продукт непригодным к использованию даже при отличном UI.
В транзакционных приложениях IA проще, но всё равно важна: меню навигации, размещение настроек, разделы «Помощь» и FAQ требуют структуры. Часто в малых командах IA-задачи выполняет UX-дизайнер.
Service Design — дизайн сервиса
Service Design — дисциплина, выходящая за пределы цифрового продукта. Сервис-дизайнер проектирует опыт пользователя на пересечении цифровых и физических каналов: сайт, мобильное приложение, точки контакта с поддержкой, физические магазины, доставка, postsales-обслуживание.
Где применяется Service Design
- Банки и финансовые сервисы с физическими отделениями
- Ритейл, объединяющий онлайн и офлайн каналы
- Доставка и логистика с множеством точек контакта
- Здравоохранение с приёмами, лабораториями, аптеками
- Транспорт и путешествия с цепочкой касаний
- Государственные услуги с разными каналами получения
Артефакты Service Design
- Service Blueprint: карта сервиса с frontstage (что видит клиент) и backstage (что происходит внутри компании)
- Customer Journey Map: путь клиента через все точки контакта
- Touchpoint inventory: каталог всех способов взаимодействия с сервисом
- Service prototypes: моделирование сервиса в реальной среде, ролевые игры
Product Design — объединяющая роль
За последнее десятилетие в продуктовых компаниях популярна роль Product Designer, объединяющая навыки UX, UI, IxD, иногда IA. Продакт-дизайнер отвечает за весь дизайн конкретного продукта или его части — от исследований до финального UI.
Почему появилась роль
Узкая специализация работает в крупных корпорациях с большими дизайн-департаментами. В стартапах и средних продуктовых компаниях передача задач между специалистами создаёт коммуникационные оверхеды. Product designer закрывает весь цикл — от понимания проблемы до готового интерфейса, — что ускоряет работу.
Senior Product Designer = T-shaped
Опытный продакт-дизайнер обладает T-shaped профилем: глубокая экспертиза в одной области (часто UX или UI) плюс достаточные знания в смежных. Не каждый одинаково хорош в UI, исследованиях, IxD — но способен выполнить базовый уровень работы по всем направлениям и понимает, когда нужен специалист.
Сравнение дисциплин
| Дисциплина | Главный фокус | Ключевой артефакт | Ключевая метрика |
|---|---|---|---|
| UI Design | Визуальное оформление | Mockups, design system | Узнаваемость, эстетика |
| UX Design | Опыт пользователя | User flows, прототипы | Конверсии, NPS, time on task |
| Interaction Design | Механика взаимодействий | Прототипы взаимодействий | Скорость и точность выполнения |
| Information Architecture | Структура и навигация | Sitemap, таксономии | Findability, success rate |
| Service Design | Опыт через все каналы | Service Blueprint, journey | End-to-end satisfaction |
| Product Design | Полный цикл дизайна продукта | Working product | Бизнес-метрики продукта |
UX Research как отдельная функция
В крупных компаниях UX Research выделяется в самостоятельную дисциплину со своей профессиональной траекторией. UX-исследователи фокусируются на:
- Глубинных интервью и наблюдениях
- Юзабилити-тестировании
- Опросах и количественных исследованиях
- Поведенческой аналитике продукта
- Конкурентном анализе с пользовательской точки зрения
- Управлении базой инсайтов и repository
В средних командах исследовательские функции часто выполняют сами дизайнеры или продакт-менеджеры. Выделение специализированного исследователя обычно происходит при размере дизайн-команды от 8–10 человек или при наличии большой продуктовой линейки.
Content Design и UX Writing
Отдельная относительно молодая дисциплина — проектирование контента в интерфейсе. Content designer / UX writer отвечает за:
- Тексты лейблов, кнопок, заголовков
- Сообщения об ошибках и подсказки
- Onboarding-туры и empty states
- Терминологию и согласованность языка
- Tone of voice продукта
- Микрокопирайтинг для increase usability
В стартапах эти задачи выполняют дизайнеры или продакт-менеджеры. Крупные продуктовые компании выделяют отдельных специалистов, потому что качество текста сильно влияет на конверсии, понятность, удовлетворённость пользователей.
Дизайн-команды разного размера
1 дизайнер на продукт (стартап)
Полный T-shaped профиль: исследования, UX, UI, иногда фронтенд. Работа в режиме «всё на одном человеке». Внешние UX-исследователи и специализированные подрядчики привлекаются точечно для конкретных задач.
3–5 дизайнеров (масштабирующийся стартап)
Появляется некоторая специализация. Обычно 1–2 senior product designer, 1–2 mid-level дизайнера, иногда UX researcher или UI/visual designer. Дизайн-системой занимается тот, у кого больше склонности; обычно она ещё не отдельная функция.
10–20 дизайнеров (средняя компания)
Чёткое разделение по продуктовым областям. Появляются специализированные роли: UX-исследователь, дизайн-системный дизайнер, content designer. Дизайн-департамент часто структурируется как matrix: дизайнеры подчиняются и продуктовым менеджерам, и главе дизайна.
30+ дизайнеров (крупная корпорация)
Полная функциональная специализация. Раздельные команды: UI, UX research, content design, design system, brand design. Появляются роли design manager, design ops, дизайн-стратеги. Высокий риск изоляции и потери связности — крупным дизайн-департаментам требуется специальная работа над coherence.
Карьерные пути
| Уровень | Junior | Mid | Senior | Staff/Principal |
|---|---|---|---|---|
| UI | Mockups по референсам | Самостоятельные экраны и компоненты | Полный визуальный язык продукта | Дизайн-направление компании |
| UX | Wireframes и user flows | Discovery и проектирование фич | Стратегия продукта через дизайн | Продуктовая стратегия и видение |
| Product Design | Реализация определённых задач | Полный цикл фичи | Архитектура целого продукта | Кросс-продуктовая стратегия |
| Research | Интервью по гайду | Самостоятельные исследования | Исследовательская стратегия | Research operations |
Параллельно с individual contributor track развивается management track: lead designer, design manager, head of design, VP of design, CDO (chief design officer). Эти роли отвечают за людей, процессы, культуру, а не только за дизайн-задачи.
Инструменты по дисциплинам
| Категория | Инструменты |
|---|---|
| UI / Mockups | Figma, Sketch, Adobe XD |
| UX / Prototyping | Figma, ProtoPie, Principle, Framer |
| Interaction Design | Framer, Principle, Origami Studio, After Effects |
| Information Architecture | Optimal Workshop, Treejack, OmniGraffle |
| Service Design | Miro, Mural, FigJam |
| Research | Lookback, Maze, Dovetail, Notably |
| Content Design | Frontitude, Ditto, Lokalise |
| Design System | Figma, Storybook, Zeroheight, Supernova |
Современный дизайн почти полностью консолидировался вокруг Figma как центральной платформы для UI, UX и interaction design. Specialized-инструменты используются для нишевых задач: продвинутые анимации, исследования с записью видео, специализированный card sorting.
T-shaped vs специалист — какой путь выбрать
Дискуссия о T-shaped и специалистах ведётся в дизайн-сообществе годами. У каждого подхода свои преимущества.
T-shaped (generalist)
- Закрывает полный цикл продуктовой задачи
- Меньше коммуникационных потерь между специалистами
- Больше востребован в стартапах и средних компаниях
- Сложнее достичь экспертного уровня в одной области
- Карьера обычно идёт в product design / management direction
Специалист (T или I-shape с глубоким фокусом)
- Глубокая экспертиза в конкретной области
- Востребован в крупных компаниях с большими командами
- Может стать principal-уровня экспертом
- Зависит от наличия других специалистов для смежных задач
- Карьера идёт в expert track или specific function lead
Большинство дизайнеров проходят оба пути в разное время: начинают как generalist’ы, затем углубляются в одну область, потом могут вернуться к более широкой роли на senior-уровне. Гибкость и понимание собственных сильных сторон важнее жёсткого выбора направления.
Названия ролей — менее важны, чем реальные навыки и зона ответственности. Один UX-дизайнер делает то, что другой называет product design; третий — interaction design. Понимать, что именно делает конкретный человек, важнее, чем что написано в его профиле LinkedIn.
Тренды и эволюция
Размывание границ
Граница между UI и UX в большинстве компаний размылась. Современный «UX-дизайнер» обычно делает и визуальную часть, и пользовательские флоу. Термин «UI/UX designer» — попытка обозначить именно эту смешанную роль.
Growth design
Новая дисциплина на пересечении дизайна и аналитики, фокусирующаяся на оптимизации воронок, retention, активации. Growth-дизайнеры тесно работают с продакт-аналитиками, проводят A/B-тесты, измеряют конкретные метрики.
AI-augmented design
Инструменты с AI-помощью (Figma AI, Galileo, Uizard) ускоряют рутинные задачи: генерацию первых вариантов, ресайз под платформы, написание копирайтинга. Это меняет роль дизайнера в сторону больше времени на стратегию и меньше — на ручную работу с пикселями.
Design Engineering
Гибридная роль дизайнера, способного писать код — обычно frontend и взаимодействующего с дизайн-системами на уровне кода. Особенно популярна в B2B-продуктах со сложными интерфейсами.
Часто задаваемые вопросы
Какую роль выбрать на старте карьеры
Универсального ответа нет. Если есть склонность к визуальной работе и графическому дизайну — UI direction. Если интересны люди, психология, исследования — UX или research. Самый практичный путь для большинства — стартовать как junior product designer с широким набором задач, затем углубляться в направление, которое больше резонирует.
Можно ли быть и UI-, и UX-дизайнером одновременно
Да, это распространённая комбинация, особенно в product designer-роли. Глубокая экспертиза в обеих дисциплинах одновременно достигается реже, но базовый уровень в одной и продвинутый в другой — нормально для senior-специалиста.
Нужно ли UX-дизайнеру уметь кодить
Не обязательно, но полезно. Понимание возможностей и ограничений фронтенда делает дизайн реалистичнее и упрощает коммуникацию с разработчиками. Глубоких навыков программирования не требуется — достаточно базового HTML/CSS и понимания, как работают компоненты в современных фреймворках.
Чем отличается продуктовый дизайн от веб-дизайна
Веб-дизайн исторически фокусировался на маркетинговых сайтах, лендингах, корпоративных сайтах. Продуктовый дизайн — это работа над цифровыми продуктами с долгосрочным взаимодействием: SaaS, мобильные приложения, платформы. Разница и в задачах (одна страница vs длительные пользовательские сценарии), и в метриках, и в подходе к работе. Многие веб-дизайнеры переходят в продуктовый дизайн с расширением навыков.
Где учиться этим дисциплинам
Базовые ресурсы: Nielsen Norman Group для UX-исследований, Interaction Design Foundation для общей теории, Refactoring UI и Figma Academy для UI. Книги: «Don’t Make Me Think» Стива Круга для UX, «Information Architecture» Розенфельда для IA, «The Design of Everyday Things» Дональда Нормана для общей теории. Практическая работа над собственными проектами и portfolio даёт больше, чем чистая теория.
Как организовать дизайн в команде из 3 человек
Один T-shaped product designer закрывает большинство задач. Исследования делает совместно с продакт-менеджером и тимлидом. Дизайн-система начинается с простых компонентов в Figma. UI-полировка идёт параллельно с UX-проработкой. Service design и сложная IA обычно не нужны на этом уровне. Растёт команда — появляется специализация.
Заключение
Дизайн цифровых продуктов — это набор связанных дисциплин: UI, UX, interaction design, information architecture, service design, content design, UX research. В малых командах все эти функции часто выполняет один человек в роли product designer. В крупных компаниях они разделяются между специалистами с глубокой экспертизой в каждой области. Между этими полюсами располагается весь спектр организационных моделей.
Выбор организационной модели зависит от размера компании, сложности продукта, зрелости рынка. Понимание различий между дисциплинами помогает строить команды, ставить задачи, нанимать правильных людей и оценивать качество работы. Гонка за громкими названиями ролей менее важна, чем понимание, какие реальные задачи нужно решать в конкретном продукте, и какие навыки для этого требуются. Карьерные пути в дизайне разнообразны — от глубокой экспертизы в одной дисциплине до управления крупными дизайн-департаментами через product design или design management.
