Дизайн, управляемый данными, и генеративный дизайн — обзор

Опубликовано: 2022-03-11

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

Дизайн, управляемый данными

Первое использование слова «данные» было в 1640-х годах. Согласно распространенному мнению, данные собираются и после их анализа становятся информацией, пригодной для принятия решений.

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

«Сбор и анализ данных — это ключ к созданию лучшего дизайна и пользовательского опыта», — пишет редактор блога о дизайне Кэмерон Чепмен.

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

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

Глядя на процесс проектирования целостно, мы можем увидеть, где вписывается дизайн, управляемый данными:

  • Открытие
    • Определение проблемы
    • Сбор информации (на основе данных)
    • Мозговой штурм и анализ
  • Дизайн
    • Разработка решений (на основе данных)
    • Итерация
  • Проверка
    • Обратная связь (на основе данных)
    • Итерация

Где мы берем данные? Данные могут поступать из нескольких источников, таких как аналитика, пользовательское тестирование, исследования (первичные, вторичные, генеративные) и тесты удобства использования. Его можно использовать по-разному на протяжении всего процесса проектирования, поскольку не существует одного канонического способа, который работал бы для всех и в любой ситуации. Вот несколько советов по применению данных в дизайне:

  • Цифры и контекст . Количественные и качественные данные хорошо сочетаются друг с другом, чтобы рассказать полную историю.
  • Разнообразные данные — аналитика, журналы обслуживания клиентов, данные о продажах, интервью, опросы, юзабилити-тесты и A/B-тесты — вот несколько примеров.
  • Чувствителен к человеческому опыту — экономно используйте средние значения, обильно подтверждайте и делайте выводы с осторожностью.
  • Стандартизированный обмен — разработайте способы обсуждения и обмена данными, чтобы все вместе понимали основы.

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

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

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

AB-тестирование — часть UX, основанного на данных
Unbounce предоставляет инструменты A/B-тестирования для оптимизации результатов.

Инструменты, используемые для проектирования на основе данных

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

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

Это предполагает наличие таких инструментов, как Google Analytics, Adobe SiteCatalyst и т. д.

  • Unbounce — инструмент целевой страницы, используемый для A/B-тестирования различных макетов страниц.
  • Optimizely — еще один инструмент для целевых страниц, который также предоставляет аналитику и многовариантные тесты целевых страниц.
  • Google Optimize — интегрированный в Google Analytics, Optimize помогает дизайнерам понять, как можно улучшить веб-сайт.

Качественные инструменты проектирования на основе данных

  • UserTesting — инструмент для исследования пользователей, дающий полезную информацию.
  • Юзабилити-хаб — полнофункциональная платформа для тестирования удаленных пользователей.
  • Optimal Workshop — онлайн-набор юзабилити-инструментов для веб-сайтов и информационной архитектуры.
  • Crazy Egg — инструмент с тепловыми картами, помогающий понять и улучшить макеты веб-сайтов.

Лучшие практики проектирования на основе данных

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

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

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

Генеративный дизайн

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

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

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

Генеративный дизайн — это исследование возможных комбинаций, которое в процессе проектирования называется итерацией, т. е. перебором множества различных «проектов» для получения разнообразных решений.

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

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

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

Генеративный дизайн и процесс проектирования

Как и в случае с дизайном, управляемым данными, генеративный дизайн происходит на всех этапах процесса проектирования:

  • Открытие
    • Определение проблемы ( генеративное )
    • Сбор информации (на основе данных)
    • Мозговой штурм и анализ ( генеративный )
  • Дизайн
    • Разработка решений (на основе данных)
    • Итерация ( генеративная )
  • Проверка
    • Обратная связь (на основе данных)
    • Итерация ( генеративная )

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

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

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

Вот некоторые преимущества процесса генеративного проектирования:

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

Генеративный дизайн основан на итерации и тестировании
Итерация генеративного дизайна основана на пользовательском тестировании и качественных входных данных. (Предоставлено лягушачьим дизайном)

Инструменты, используемые для генеративного дизайна

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

  • Post-It Notes — самый простой способ генерировать идеи. Заметки Post-It используются в сеансах мозгового штурма как способ быстро и легко фиксировать мысли людей.
  • Белые доски . Мозговой штурм — это инклюзивное упражнение, позволяющее людям привнести внешнюю точку зрения и генерировать идеи в группе.
  • Balsamiq — программный инструмент для создания каркасов с низкой точностью, полезный для повторения и сбора отзывов пользователей.
  • Sketch — популярный программный инструмент, который можно использовать для создания каркасов, прототипов и макетов на всех этапах процесса проектирования.

Успешный генеративный дизайн

Генеративный дизайн — это непрерывный процесс и вдумчивое изучение человеческого опыта, связанного с рассматриваемой проблемой дизайна. Вот несколько советов, о которых следует помнить:

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

Оптимизированное будущее

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

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

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

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


Поделитесь с нами вашими мыслями! Пожалуйста, оставьте свои мысли, комментарии и отзывы ниже.

• • •

Дальнейшее чтение в блоге Toptal Design:

  • Принципы дизайна и их важность
  • Лучшие портфолио дизайнеров UX — вдохновляющие тематические исследования и примеры
  • Изучение гештальт-принципов дизайна
  • Adobe XD против Sketch — какой UX-инструмент вам подходит?
  • 10 UX-результатов, которые используют лучшие дизайнеры