Что такое дизайн-система и когда она нужна бизнесу?

Последние несколько лет тема создания дизайн-систем является одной из самых обсуждаемых. О них пишут статьи, говорят на конференциях и тем не менее, у многих руководителей компаний остается вопрос о целесообразности их разработки. Что же из себя представляет дизайн-система и когда она нужна бизнесу? Разберемся далее.

Если коротко, это набор стилей, элементов, отступов и правил в дизайне, который является унифицированным для всех продуктов и форм визуальной репрезентации, связанных с конкретным брендом. Формирование базы стандартных элементов дизайна ускоряет работу разработчиков и позволяет избегать лишних вопросов и множественных доработок.

На сегодня дизайн-система все еще не слишком распространенное и легко узнаваемое понятие. Его с некоторым допущением даже можно назвать новым, если принимать за точку отсчета концепцию Google Material Design, представленную в функциональном виде в 2014 году. Конечно, с тех пор утекло немало воды, тем не менее о единой стилистике пока задумались далеко не все крупные бренды, особенно в России. Но чтобы не проиграть в глобальной маркетинговой войне, нашим крупным компаниям рано или поздно придется принять международные правила игры, а они диктуют, что подобные “стратегические” вопросы сегодня более важны, чем сиюминутная прибыль.

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

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

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

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

Отрисовывать все визуалы каждого из каналов коммуникации по-отдельности – означает впустую тратить деньги: на создание каждого их них вы потратите не менее 500 000 рублей. Кроме того, ни один продукт или функциональный элемент не живет без мелких доработок; с учетом того, что они также не будут никак регламентированы, через год каждый из ваших каналов взаимодействия с клиентом будут выглядеть совершенно по-разному. Надо ли говорить, что у клиента это вызовет ощущение непроработанности ваших продуктов и непременно отпугнет его. Поэтому инвестиция в разработку дизайн-системы окупится с лихвой.

Когда сроки реализации проекта сжаты, любой инструмент оптимизации рутинных процессов приветствуется. Хорошая универсальная дизайн-система подразумевает единоразовую отрисовку дизайнером кнопки (например, с надписью «продолжить» или «купить»), и на всех подстраницах, во всех каналах коммуникации она будет выглядеть идентично. Разумеется, это касается и более сложных элементов, таких как слайдеры, иконки, футеры и прочее. Готовые шаблоны отдельных функциональных элементов позволят оптимизировать разработку и ускорить релиз продукта.

Следует отметить, что дизайн-системный подход распространяется и на уровень выше. В идеале этим же подходом должны руководствоваться не только дизайнеры, но и разработчики. В качестве примера можно привести методологию БЭМ, разработанную в России компанией Яндекс. Методология позволяет frontend-разработчикам действовать таким же образом – сначала создавать отдельные функциональные блоки (независимые компоненты веб-страниц), затем – собирать финальный блок (аналогично, по принципу конструктора). Этой методологией при создании своих продуктов пользуется Google, также с ее помощью разработаны сайты BBC и Buzzfeed.

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