Создание HMI дизайн-системы
для цифровых и физических компонентов
Об Атоме
В 2021 году стартовал проект разработки российского электромобиля, призванного стать новым гаджетом для людей
О росте дизайна
С увеличением масштаба продукта появилась проблема консистентности дизайна, визуального языка и процессов.
Задача
Создать дизайн-систему, которая охватит опыт проектирования физических и цифровых компонентов.
Команда дизайн-системы
Кротов Валентин
Дмитрий Бамбуров
Ольга Рыльцова
Дата
2023 - 2026
Аудит
Перед тем, как учредить дизайн-систему как инструмент HMI департамента, я провел аудит текущего дизайна
Были собраны таблицы с компонентами, иконками, цветами. Их предстояло разобрать и вывести по каждой сущности что-то одно, предварительно согласовав с продуктовой командой
Сопоставление скорости найма к скорости дизайна интерфейсов показало, зачем нужна дизайн-система
Результат аудита
На текущем этапе мы задали лишь вектор, по которому будем развиваться вместе с продуктовыми командами. Наладить взаимодействие дизайн-системы с продуктовыми дизайнерами нам еще предстояло, как и нарастить сами активы: UI-библиотеки, гайдлайны и место публикаций обновлений
Развитие UI-библиотек
Общая логика для разных платформ
Структура страницы компонента
Мы блокировали первый блок, вынося компоненты за него, чтобы разработчикам было удобнее выбирать сразу нужный компонент или его атом.
Для дизайнеров созданы схемы того, какая часть вариативных настроек за что отвечает внутри.
Управление
Вместе с развитием дизайн-системы появлялась потребность в выравнивании процессов внутри департамента
