October 18, 2023

Внедрение дизайн-системы: трудности и советы

Создать дизайн-систему — это полдела. Самое сложное — сделать ее частью рабочего процесса.

Один из основных вопросов, который возникает при создании дизайн-системы:

Как сделать так, чтобы люди ей пользовались?

Создание дизайн-системы — сложная задача, требующая много времени и сил. Однако нет никаких гарантий, что сотрудники компании — разработчики, продакт-менеджеры, дизайнеры — будут ее использовать.

Воспринимайте дизайн-систему как очередной цифровой продукт, который нужно «продать» потенциальным пользователям. Мы должны рассказать им, почему она полезна, какие проблемы она решает и как она может им помочь.

Почему трудно заставить людей использовать дизайн-систему?

1. Люди привыкли работать определенным образом

Со временем сотрудники привыкают к своему рабочему процессу. Переход от привычных методов к новым и незнакомым — серьезное испытание. Представьте, что вы предлагаете художнику, который десятилетиями работал масляными красками, перейти на цифровую живопись 🎨.

Возьмем, к примеру, продуктового дизайнера, привыкшего использовать определенный UI-кит в Figma. Когда вы покажете ему новую библиотеку UI-компонентов, ему потребуется время на то, чтобы ознакомиться с новой структурой и привыкнуть к ней. То же самое касается и разработчиков.

2. Нехватка времени

Все мы очень заняты своей работой, и у нас далеко не всегда есть время изучать что-то новое. Например, разработчику с фиксированным графиком сложно выделить время на знакомство с дизайн-системой. Точно так же дизайнер предпочтет потратить время на проектирование еще одного экрана, а не на обучение.

3. Отсутствие стратегии продвижения

Зачастую в том, что дизайн-систему никто не использует, виновата команда, которая над ней работала. Нужно потратить время, и рассказать о ней сотрудникам, а также объяснить, какую пользу она им принесет. Без продвижения дизайн-система так и останется незамеченной.

4. Руководство не считает дизайн-систему одним из приоритетов

Дизайн-система стратегически важна для компании. Она делает проектирование более последовательным, а разработку — более быстрой. Но проблема в том, что многие руководители и владельцы компаний воспринимают дизайн-систему как нечто второстепенное и необязательное.

Когда начинать продвижение дизайн-системы?

За свою карьеру я имел дело с разными дизайн-системами, и самое главное, что я понял, — важно обсуждать и продвигать дизайн-систему постоянно, не дожидаясь, когда она будет полностью готова.

До начала работы

После того, как вы получили согласие руководства на разработку дизайн-системы, вы можете собрать людей из разных отделов и объяснить им, что вы будете создавать, почему это важно для компании, что получат сотрудники в итоге, кто будет работать над проектом и сколько времени он займет.

Кроме того, скажите, что вы готовы выслушать любые предложения и вопросы, которые могут возникнуть у коллег. Такой подход повышает доверие и прозрачность внутри компании.

Во время работы

Вы можете показывать людям, над чем работает команда и что она уже успела сделать. Например, поделиться с ними новой цветовой палитрой или компонентом всплывающей подсказки. Нет необходимости устраивать большое собрание для презентации каждого обновления. Достаточно отправить сообщение в Slack.

Предоставляйте информацию небольшими фрагментами, чтобы ее было проще воспринимать. Например, короткие сообщения более эффективны, чем длинные послания, на прочтение которых требуется более 3 минут. Мне особенно нравится отправлять минутные видеоролики. Так я могу рассказать о последних новостях быстро и в удобном формате.

По завершении важного этапа

Закончили работать над каким-то важным разделом дизайн-системы? Организуйте собрание и поделитесь своим прогрессом с командой 🎉.

Онбординг новых сотрудников

Не забывайте о том, что в компании постоянно появляются новые сотрудники. Дизайн-система для них — новый инструмент, в котором им нужно разобраться с нуля. Важно ввести их в курс дела и подробно ответить на все вопросы. Дизайнеры и разработчики могут распределить эти обязанности между собой: первые будут знакомить с дизайн-системой новых дизайнеров и продакт-менеджеров, вторые — новых разработчиков и QA-тестеров.

Как побудить людей использовать дизайн-систему

1. Создайте понятную и простую документацию

Каждая дизайн-система имеет документацию. Важно составить ее таким образом, чтобы она была понятной и удобной. Для разъяснения сложных моментов можно использовать изображения, гифки и видеоролики.

Пример изображения: что можно делать и что нельзя

Вы даже можете внедрить в дизайн-систему чат-бот с искусственным интеллектом, которому команда сможет задавать вопросы. Это гораздо проще, чем самостоятельно искать информацию.

Например, сотрудник спрашивает: «У нас есть пять вариантов ответа, пользователь может выбрать один вариант. Что лучше использовать — радиокнопку или выпадающий список?», а AI отвечает и указывает, где в документации находится нужная информация.

2. Продумайте процесс онбординга новых сотрудников

Необходимо разработать четкий процесс обучения новых сотрудников. Это гарантирует, что все, кто начинают работать в компании, с первого дня будут знать, что дизайн-система существует и как ею пользоваться.

3. Используйте мессенджеры

Обмен короткими сообщениями в мессенджерах, например, в Slack, — лучший способ объяснить команде, как работает дизайн-система. Главное, предоставлять информацию последовательно и в небольших объемах. Например, чтобы объяснить людям, как пользоваться документацией или компонентами, вы можете снять короткий видеоролик и отправить его в чат.

4. Информируйте команду обо всех изменениях

Важно информировать людей, которые работают с дизайн-системой, о том, что в ней происходит, будь то добавление нового компонента или изменение существующего. Благодаря такой прозрачности ваши коллеги будут чувствовать себя более уверенно.

Обычно это не требует больших усилий, достаточно короткого сообщения в Slack. Например, если вы добавили в набор новую иконку, напишите так:

«Всем привет! Мы добавили новую иконку облака в дизайн-систему. Вы можете использовать ее в разделах, посвященных облачному серверу, или каких-то других, если она вписывается в контекст. Удачи!».

5. Привлекайте коллег к созданию дизайн-системы

Привлекайте как можно больше людей к созданию дизайн-системы. Вы можете задавать им вопросы о компонентах, расспрашивать о потребностях, попросить их отправлять вам сообщение каждый раз, когда они обнаружат ошибку и даже предложить им протестировать UI-кит до его публикации.

Кроме того, вы можете приглашать их на собрания и советоваться с ними при принятии некоторых дизайн-решений. Так они внесут свой вклад в создание дизайн-системы и в полной мере осознают, насколько она важна и нужна.

6. Дизайн-системой должна заниматься отдельная команда

Дизайн-система — не просто второстепенный проект, а стратегический актив компании. Она помогает сотрудникам работать быстрее (это касается и дизайна, и разработки). Поэтому важно сформировать специальную команду, которая будет заниматься всеми вопросами, связанными с дизайн-системой и ее поддержкой.

Обсудите с руководством компании возможность создания такой команды. В идеале в нее должны входить разработчик и менеджер по продукту.

7. Обеспечьте постоянную поддержку

Время от времени напоминайте сотрудникам, что вы готовы ответить на любые вопросы, связанные с дизайн-системой. Это покажет им, что они не одиноки и могут рассчитывать на вашу помощь.

8. Учитывайте потребности продукта

Продуктовая команда может обратиться к вам за помощью, когда ей потребуются новые компоненты для очередного проекта. Если вы заметили, что то, что ей нужно, может пригодиться другим командам, вы можете добавить этот компонент в дизайн-систему.

9. Покажите реальные примеры проектов

Показывайте команде проекты, созданные с помощью дизайн-системы. Так вы продемонстрируете, что другие сотрудники компании активно используют этот эффективный ресурс. Вы можете даже организовать собрание, чтобы обсудить процесс, способы решения различных проблем, а также попросить более опытных членов команды ответить на вопросы новичков.

10. Найдите «евангелистов» дизайн-системы

Мотивируйте членов команды делиться друг с другом опытом использования дизайн-системы. Это можно делать на регулярных встречах или онлайн.

Попытайтесь найти «евангелистов», людей, которые будут заниматься продвижением. Они могут регулярно рассказывать о том, какие преимущества дает дизайн-система и помогать другим людям справляться с трудностями, возникающими при ее использовании.

11. Сделайте дизайн-систему удобной для пользователей

Дизайн-система должна быть простой и понятной. Это побудит членов команды использовать ее чаще. Поэтому позаботьтесь о том, чтобы людям было легко находить нужные компоненты, а названия и описания свойств не вызывали вопросов.

В нашем Телеграм-канале UX Teddy публикуем так же переводы практических статей из блога UX Movement про проектирование сложных интерфейсов, форм и страниц — подписывайтесь!