Что входит
- Исследование задачи
- CJM и сценарии
- Прототип
- Визуальная система
- UI-kit и спецификация
Сначала путь пользователя
Фиксируем аудитории, контекст и ключевые действия до работы над визуальным стилем. Это позволяет увидеть противоречия раньше разработки.
Прототип показывает структуру, состояния и переходы, а не имитирует финальную картинку.
Система вместо набора экранов
Переиспользуем компоненты, токены и правила поведения, чтобы интерфейс оставался последовательным на разных страницах.
Состояния ошибок, загрузки, пустых данных, фокуса и мобильного использования проектируются вместе с основным сценарием.
Передача в разработку
Сверяем дизайн с реальными данными, ограничениями платформы и адаптивными переходами. Критичные детали фиксируются до реализации.
После сборки сравниваем результат с согласованными сценариями в браузере, включая клавиатуру и touch-устройства.
Вопросы и ответы
Чем UX отличается от UI?
UX описывает путь и логику взаимодействия, UI — визуальное и компонентное воплощение этой логики.
Нужна ли дизайн-система небольшому сайту?
Нужен как минимум согласованный набор компонентов и токенов; масштаб системы зависит от количества экранов и будущих изменений.
.webp&w=1920&q=85)