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