UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Измерение ценности дизайн-систем
Редакція
Редакція

Опубліковано • Оновлено

Измерение ценности дизайн-систем

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

  1. Дизайн-системы имеют решающее значение для объединения команд вокруг единого источника правды касательно активов, которые многократно используются в продукте (фактически, 3/4 корпоративных клиентов Figma в настоящее время используют дизайн-системы).
  2. Дизайн-системы сложно создавать и поддерживать без количественного понимания того, как они на самом деле используются дизайнерами.

Мы считаем, что при наличии правильных данных команды дизайн-систем могут принимать более обоснованные решения относительно общих библиотек и компонентов, что приводит к созданию более полезных и актуальных дизайн-систем. Когда мы работали над релизом этой функции, я обнаружил, что задаюсь вопросом, есть ли способ количественно оценить выгоду от поддержания дизайн-систем в современном и актуальном состоянии. Мы знали, что Design System Analytics поможет клиентам в этом, но можем ли мы измерить ценность, которую они получат? Как человек, имеющий опыт проектирования экспериментов, я был взволнован перспективой провести анализ совместно с нашей командой дизайнеров, чтобы понять влияние дизайн-систем. Я провел следующий эксперимент, чтобы определить количество времени, которое соответствующая дизайн-система может сэкономить дизайнерам.

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

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

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

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

Эксперимент: как мы количественно измерили творческий процесс

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

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

Дизайн-система, использованная в этом эксперименте

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

Результат

Мы обнаружили, что, когда участники имели доступ к дизайн-системе, они выполняли свою задачу на 34% быстрее, чем без нее. Важно отметить, что дизайн-система, использованная в этом эксперименте, была непосредственно применима к задаче, поставленной перед дизайнерами. Она была актуальной и соответствовала задаче, над которой они работали. Поэтому, мы считаем, что эта экономия времени – это максимально возможная экономия времени в реальном сценарии. Я хотел еще больше сэкономить время, чтобы сделать его более ощутимым для настоящей команды дизайнеров, как у нас в Figma. В Figma работают 7 продуктовых дизайнеров, и каждый из которых имеет около 20 часов целевого времени на проектирование в неделю, что в общей сложности составляет 140 часов проектирования в неделю. Это означает, что, если ни одна из задач, над которыми они работают, не имеет соответствующей дизайн-системы, они могут работать над ними по 140 часов в неделю. Тем не менее, если каждая задача, над которой они работают, имеет соответствующую дизайн-систему, они могут выполнить на 34% больше работы за эти 140 часов, что фактически дает им 212 часов проектирования. Это эквивалентно добавлению еще 3,5 дизайнеров в команду каждую неделю! В реальности команда дизайнеров Figma, вероятно, находится где-то посередине, поскольку она использует дизайн-систему, подходящую лишь для некоторых задач. По мере развития нашей дизайн-системы, чтобы охватить больше вариантов использования, и работы над тем, чтобы все дизайнеры в команде использовали ее последовательно, мы можем ожидать увеличение эффективности.

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

В то время, как ценность дизайн-систем является общепринятой, наша цель в этом эксперименте заключалась в применении количественного подхода, чтобы сделать это значение более осязаемым. В дополнение к экономии времени этот эксперимент также показал качественную выгоду. Несколько участников отметили, что были более уверенны в своем дизайне, когда у них был доступ к дизайн-системе, потому что знали, что их работа сохраняла последовательность продукта. После того, как мы убедились, что дизайн-системы, действительно, стоят вложений, крайне важно, чтобы команды имели ресурсы, необходимые для принятия лучших решений при создании и развитии своих дизайн-систем. Уникальная аналитика Figma по использованию дизайн-систем позволяет командам создавать более актуальные и современные дизайн-системы, которые окажут существенное влияние на эффективность, использующих их дизайнеров. Вы можете приступить к работе, используя эти советы, чтобы максимально эффективно использовать данные своей дизайн-системы. Мне было очень весело работать над этим экспериментом и помогать нашей команде дизайнеров создавать Design System Analytics. Технически, это не является частью моей повседневной работы, но умение работать над интересными проектами, связанными с данными, в других областях бизнеса – одна из лучших особенностей работы в Figma. Если это вам интересно, ознакомьтесь со списком открытых вакансий!


Перевод статьи figma.com

Найновіші коментарі (0)