Выберите проект и посмотрите, как меняется интерфейс
Сначала путь потом детали
На выходе — карта сценариев, кликабельный прототип, UI-концепция, компоненты и макеты состояний. Описываем поведение интерфейса и готовим материалы для разработчиков. Состав артефактов и проверок согласуем до начала работы
AuraFit / сценарий
Цель связана с дневником, питанием, водой и тренировкой. В опубликованном демо можно пройти действия дня и увидеть общий результат.
Это публичные экраны и интерактивные демонстрации продуктов. Состав исходных макетов, библиотеки компонентов и документации для передачи согласуем в рамках проекта.
Что проектируем
На каждом этапе
Работаем как с новыми продуктами, так и с уже существующими — от первых сценариев и прототипов до редизайна и дизайн-систем
01Продукт с нуляОт гипотезы до интерфейса первого релизаРазвернуть
Фиксируем задачу, проектируем ключевые сценарии, собираем кликабельный прототип и создаём визуальную систему для согласованных сценариев и состояний продукта.
Исследование и карта сценариев
UX-прототип
UI-концепция и макеты
02РедизайнПересобираем опыт без потери привычной логикиРазвернуть
Находим места, где пользователь теряется, пересобираем иерархию и визуальный язык, а затем планируем переход на новую систему.
UX-аудит
Новая концепция
План миграции
03Дизайн-системаЕдиные компоненты, состояния и правилаРазвернуть
Собираем компоненты, состояния и правила, чтобы интерфейс было проще поддерживать и развивать.
Библиотека компонентов
Адаптивные правила
Документация поведения
04Проверка до разработкиКликабельный прототип до дорогой реализацииРазвернуть
Собираем кликабельный сценарий и проверяем, понятны ли действия, ошибки и следующий шаг. Участников и объём пользовательской проверки согласуем отдельно; замечания фиксируем до разработки.
Прототип ключевого сценария
Пользовательская проверка
Протокол замечаний и доработок
Форматы продукта
Дизайн для задач
В каждом продукте свои ограничения: маленький экран, плотные таблицы, разные роли или работа с оборудованием. Учитываем их в структуре и поведении интерфейса.
Передаём связанные макеты в Figma, кликабельные сценарии и правила работы компонентов. Вместе с разработчиками проверяем ограничения, адаптивность и поведение интерфейса. Состав передачи фиксируем до начала дизайна
КомпонентыСтили, варианты и правила использования
СостоянияЗагрузка, ошибки, пустые данные и права доступа
ПередачаАдаптивность, фокус, навигация и критерии проверки
Путь к интерфейсу
На каждом этапе есть конкретный результат, который можно обсудить, проверить и передать дальше
Исследование
Разбираем продуктовую задачу, аудиторию, данные и ограничения бизнеса.
Результат: карта сценариев
Проектирование
Продумываем архитектуру, пользовательские потоки и собираем интерактивный прототип
Результат: проверяемый прототип
Визуальная система
Создаём визуальную концепцию, компоненты и правила интерфейса для всего продукта.
Результат: интерфейс и дизайн-система
Передача и запуск
Сравниваем сборки с согласованными макетами и сценариями, проверяем адаптацию, состояния и клавиатурную навигацию.
Результат: согласованный интерфейс в продукте
Перед началом
Короткие ответы на вопросы о старте и передаче дизайна в разработку
Что нужно для старта?
Достаточно описать задачу, аудиторию и текущие ограничения. Остальные вопросы соберём на первой встрече.
Можно начать только с прототипа?
Да. Прототип помогает проверить сценарий, показать идею команде и точнее оценить разработку.
Дизайнеры работают вместе с разработкой?
Да. Дизайнер участвует в декомпозиции, проверяет сборки и помогает сохранить логику интерфейса.
Что получает команда после передачи?
Макеты под согласованные размеры экрана, компоненты с вариантами, состояния загрузки и ошибок, кликабельный прототип и описание поведения. На встрече с разработкой разбираем ограничения и оставшиеся вопросы.
От чего зависит оценка дизайна?
От количества сценариев и ролей, сложности данных, адаптаций, готовности требований и глубины проверки прототипа. После знакомства с задачей предлагаем этапы и результат каждого из них. Объём пользовательских исследований согласуем отдельно.
Обсудим проект
Расскажите о задаче — предложим формат работы и следующий шаг
