Масштабирование дизайна для брендов с помощью дизайн-систем

Опубликовано: 2021-07-19

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

Проблема эволюции дизайна для брендов

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

Ни для кого не секрет, что миллениалы / цифровые аборигены быстро становятся нашей основной аудиторией, и благодаря этому бренды быстро раздвигают границы своего взаимодействия с потребителями в Интернете, применяя инновационные и смелые стратегии онлайн-маркетинга, предназначенные для непосредственного взаимодействия с потребителями.

Для многих известных брендов это новая территория, и здесь есть свои подводные камни.

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

На что похоже добро?

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

Это от бренда? Можем ли мы продвинуться дальше? А как насчет плавающей контактной формы? Можно добавить иконки?

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

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

Но как на самом деле выглядит добро ? Как мы это определяем и соглашаемся с этим?

Войдите в систему дизайна.

Визуальная основа для совместной работы

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

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

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

Ключевые преимущества

  • Защитите целостность и последовательность бренда
  • Экономьте время и силы, запускайте быстрее
  • Уменьшение трения между командами
  • Снижение затрат на внешние агентства
  • Снижение затрат на разработку
  • Создавайте быстрее
  • Повышение удобства использования и доступности в стандартной комплектации

Источник правды для маркетинговых команд

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

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

Скриншот дизайн-системы Shopify Polaris

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

Не бойтесь дизайн-систем: мифы

Вы все еще можете делать что-то новое

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

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

Вы все еще можете быть креативными

Еще одна распространенная проблема - потеря творческих способностей; что дизайн-системы не позволят дизайнерам исследовать новые идеи и раздвигать границы.

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

Начало работы с дизайн-системами

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

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

Вот некоторые из первых шагов к началу работы:

  • Создайте инвентарь всего: s скриншотов, аннотаций, списков
  • Ищите несоответствия и определяйте приоритеты
  • Ищите шаблоны и объединяйте их в компоненты
  • Разложите все по категориям
  • Создавайте новые решения в соответствии с категориями

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