Развиваю дизайн-систему RUTUBE, которая реально работает и масштабируется
Живой продукт, которым пользуются дизайнеры и разработчики 5 стримов с понятной документацией, а также прозрачными процессами
DS Rutube год назад
Начинала своё зарождение и была похожа на непроработанный UI-кит без документации, с одним перегруженным файлом на все продукты и хаотичными процессами
DS Rutube сегодня
Это живой продукт, которым пользуются дизайнеры и разработчики 5 стримов с понятной документацией, шаблонами задач, разделёнными файлами, а также прозрачными процессами
Большое количество вопросов по компонентам
Дизайнеры и разработчики регулярно задавали одинаковые вопросы о состояниях компонентов, допустимых вариантах и правилах использования. Некоторые решения существовали только в макетах или устных договорённостях
Разработали подробные гайды и внедрили митапы
Появился единый источник правды для дизайнеров и разработчиков, снизилось количество повторяющихся вопросов, а также ускорился процесс принятия интерфейсных решений
Нет прозрачного процесса развития дизайн-системы
Команды не понимали, как предложить доработку компонентов или инициировать изменения, как правильно заводить задачи. Не всегда знали об обновлениях компонентов
Уменьшили хаос в задачах и процессе работы команды
Ввели процесс создания задач на улучшение дизайн-системы с последующей валидацией и планированием в backlog, создали отдельный телеграм канал с публикациями обновлений, сделали упрощенный и более информативный Changelog, а также понятный нейминг и нумерацию веток
Неудобно пользоваться библиотекой
Непонятная навигация по компонентам, как продуктовым, так и из дизайн системы. 1 файл для всех продуктов
Улучшили взаимодействие с компонентами
1 файл с компонентами - 1 стрим, упростили навигацию, команде стало проще ориентироваться по базовым и продуктовым компонентам. Памяти достаточно, ветки спокойно вливаются
TV + APP
Масштабирование дизайн системы, строим роадмап по компонентам и макетам, готовим токены
Как мы работаем
Процесс работы над дизайн системой
Находим кейсы
Смотрим на входящие задачи и макеты продуктовых дизайнеров
Проверяем покрытие
Стоит ли заводить это как компонент дс или оставить его продуктовым
Думаем над решением
Обсуждаем и оцениваем требования к компоненту по сложности/срокам
Драфт компонента
Создаем ветку с первичной структурой и гайдом компонента
Брейншторм
Обсуждаем с разработкой нюансы и технические ограничения
Релиз
Публикуем компонент и новость о его создании/изменении
Ревью и анализ
Смотрим на корректность использования компонента
Результаты
Работы над дизайн системой
Интерфейс на дизайн системе
