Дизайн-системы: зачем они нужны брендам

Существует более полумиллиона брендов, и лишь некоторые из них выделяются. Подумайте о тех, кто выдержал испытание временем, таких как Disney, Nike или Microsoft, и завладел вашим сознанием. Им удалось выделиться среди конкурентов.

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

Каждая точка соприкосновения с вашими клиентами — это возможность рассказать им, кто вы и за что вы стоите. Но при работе с несколькими командами, отделами и продуктами, как сделать это последовательно и масштабируемо?

Знакомство с дизайн-системами

Системы дизайна появились, чтобы помочь нам справиться со все более сложными цифровыми экосистемами, которые содержат больше продуктов, услуг и точек соприкосновения, чем когда-либо прежде. Это логичный шаг для крупных брендов, которые хотят обеспечить постоянное качество обслуживания клиентов (CX), масштабировать свои усилия по проектированию, ускорить свои рабочие процессы и улучшить совместную работу.

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

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

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

1. Консистенция

Внедрение общего набора правил и руководств по созданию и (повторному) использованию компонентов упрощает создание единообразного взаимодействия на разных платформах.

2. Эффективность

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

3. Масштабируемость

Повышение эффективности и согласованности поможет вам создавать продукты быстрее и качественнее. Масштабирование становится проще и дешевле.

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

Прогулка по разговору

В DPDK мы решительно выступаем за дизайн-системы и уже более 15 лет консультируем бренды по поводу их важности и необходимости. Хотя мы создали дизайн-систему DPDK некоторое время назад, наша IDS была создана только тогда, когда начала работать наша маркетинговая команда и наш блог начал обретать форму. IDS — это, по сути, система, которая находится внутри этой системы. В ноябре прошлого года на Adobe MAX я выступил с докладом о масштабируемом дизайне, где подробно обсуждалась наша система проектирования. Вы можете ознакомиться с докладом и ключевыми выводами здесь.

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

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

Создание системы дизайна иллюстраций

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

Нашей целью было создать уникальный стиль иллюстраций, который был бы простым, красочным и мог бы охватить множество тем цифровой индустрии. Масштабируемость также была важным аспектом. Иллюстрации должны были быть разбиты на части и построены заново различными способами.

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

В конце концов, они превратились в живую библиотеку Adobe XD, к которой может получить доступ и использовать каждый дизайнер в DPDK. Элементы в этой библиотеке похожи на блоки Lego, из которых дизайнеры могут легко создавать новые иллюстрации. Если компоненты не представлены в библиотеке, дизайнеры могут создавать и добавлять новые элементы. IDS дает нашим дизайнерам творческую свободу для проектирования «внутри коробки» и экспериментирования, сохраняя при этом наш стиль иллюстрации.

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

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

Цвета включения

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

Когда в 2020 году мы взяли на себя обязательство в отношении внешнего равенства, разнообразия и инклюзивности, мы быстро поняли, что наши иллюстрации должны отражать различные группы людей. Мы интернациональная группа в DPDK, и это не было отражено в IDS и не отражало мир, в котором мы живем.

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

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

Исход

Работа с IDS экономит нам в среднем два часа на иллюстрацию (в зависимости от сложности). Умножьте это на четыре, и вы уже освободили дизайнера на целый день работы. Это огромно. Таким образом, у наших дизайнеров появляется больше времени для творчества и сосредоточения внимания на дизайне и ремесле, а не на ручной работе и повторяющихся задачах.

Мне не нужно беспокоиться о несогласованности или высвобождении ресурсов, поскольку более десяти разных разработчиков уже работали с IDS и развивали ее дальше. А наша маркетинговая команда способна оперативно публиковать контент и запускать кампании. Подводя итог, можно сказать, что наши усилия в области IDS вывели брендинг DPDK на новый уровень и помогли нашей команде быстро масштабировать результаты и создавать продукты, соответствующие бренду.

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

Читай полную статью здесь