Введение
Этот курс для тех кто хочет внедрить у себя или научиться управлять полным циклом разработки дизайн-систем. Мы превратим разрозненный набор документов дизайн-сообщества в продукт, который приносит пользу бизнесу.
Что такое дизайн-система
Это набор принципов, правил и инструментов, которые помогают бизнесу зарабатывать деньги, через ускорение разработки, снижение издержек и обеспечение единообразного представления бренда.
Дизайн-система влияет на несколько ключевых показателей:
-
Time to Market, за счет наличия готовых решений мы помогаем бизнесу быстрее тестировать гипотезы и запускать стабильные продукты, тем самым влияя на скорость зарабатывания денег.
-
CSI, единый подход к разработке позволяет сохранять консистентность и нужное качество продуктов, что влияет на узнаваемость бренда, доверие и помогает формировать бесценную репутацию и отношение к бренду.
-
Репутация команды, это важная внутренняя метрика IT-сообщества компании. Дело в том, что рынок найма довольно конкурентный и найти начинающий специалистов не так сложно, как уже состоявшихся. За них ведется борьба, их переманивают зарплатами, плюшками, технологиями и создаваемой пользой. Поэтому, дизайн-система может внести вклад в бренд работодателя и создавать репутацию крутой, технологичной, ну или какой захотите компании.
И множество неключевых:
-
Developer Experience
-
Снижение стоимости разработки за счет уменьшения дублирования кода, повышения качества и масштабируемости.
-
Уменьшение вероятности ошибок за счет стандартизации компонентов и их повторного использования. А это снова влияет на скорость выпуска продуктов, но самое главное — на их качество. А качество — на репутацию бренда.
-
Централизацию знания и формирование единого источник правды, что упрощает процесс совместной работы и обмена информацией.
-
Ускорение онбординга новых сотрудников, а это экономит время и деньги на погружение и позволяет новым ребятам быстрее стартовать на новом месте.
-
Упрощение процесса согласования на всех этапах жизненного цикла.
Типичное содержание дизайн-системы:
- Брендбук
- Редполитика
- Гайдлайны компонентов
- Паттерны
- Иконки
- Анимации
- Кейвижуал
- Витрины компонентов
- Фронтовая документация
- Принципы дизайна
- Принципы команды дизайн-системы
- Управление запросами функций
- DoR
- DoD
Целевая аудитория
Опираясь на вышесказанное можно определить целевые аудитории:
-
пользователи сайта, те кто приносит вам деньги в том или ином виде. Для них дизайн-система должна быть незаметной, позволяя решать задачи без заминок и нареканий. Это с одной стороны, а с другой — приятной, формируя узнаваемость, репутацию и желание пользоваться продуктом снова и снова.
-
it-сообщество компании, те кто задействован в процессе производства фич. Для них дизайн-система должна стать удобным инструментом для решения ежедневных задач.
-
компания, так как дизайн-система не приносит денег напрямую, о чем мы поговорим в главе Экономическое обоснование, у нас появляется инвестор и выгодоприобретатель, чьи интересы мы должны учитывать не в меньшей степени.
Как сделать дизайн-систему
Примерно понятна польза и содержание, теперь набросаем план действий крупными мазками. Чтобы дизайн-система случилась нужно:
- Определить интересы целевых аудиторий, чтобы на их основе построить культуру разработки.
- Учредить инженерную культуру: принципы, правила, ценности.
- Организовать безопасное и современное хранение бэклога, документации и исходников.
- Обеспечить прозрачный процесс движения задач.
- Подобрать современные инструменты для решения задачи.
- Сформулировать бэклог и научиться прогнозировать.
- Синхронизировать компоненты и решения между дизайном и кодом.
- Собирать данные и принимать решения основываясь на данных.
- Обеспечить качество на бою.
Чего нет в курсе
В курсе нет теории или ее наличие выкручено на минимум. Нет совсем базовых вещей: как собирать и проектировать компоненты, пользоваться автолейаутами, настраивать сетки, рисовать иконки, писать редполитку и так далее. Этот курс, это следующий шаг. Он про то, как все эти базовые вещи превратить в продукт.
Помощь
При возникновении вопросов всегда можно докупить часик другой для личной консультации.
Программа курса
Хранение текстовой документации
- Настройка окружения
- Знакомство с Docusaurus
- Установка Docusaurus
- Публикация принципов
- Выкладка на сервер
Контроль за внесением изменений