Статья о том, как мы в 1+1 Digital используем Moodboard для разработки концепций для диджитал-продуктов.

Каждый год мы разрабатываем или дорабатываем дизайн около 70-80 диджитал-продуктов, в основном это развлекательные и новостные проекты.

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

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

Moodboard — это инструмент для закрепления абстракций.

В 80-90-х был тренд создавать «Карты желаний», на Западе они назывались Dream&Do. Они представляли собой pinboard или просто ватман, на который человек размещал объекты своих мечтаний, объективизировал свои фантазии, прикреплял атрибуты желаемых ситуаций. Карта представляла собой коллаж, состоящий из изображений, текста или других объектов. Как показало время, эта карта работала.

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

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

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

Наши этапы разработки дизайн- продукта:

1. Получить от 15-ти до 25-ти изображений от каждого утверждающего лица. Критерии отбора заказчиком изображений должны быть обусловлены ассоциативным сходством. То есть изображения должны вызывать у заказчика устойчивую рефлексию, с его персональным и ментальным образом проекта.
2. Предположить, какими атрибутами эти изображения транслируют нужное заказчику настроение. Это может быть цвет, образ, композиция, атмосфера, сюжет или ваш вариант. Дополнить набор изображений заказчика своими изображениями с подобными инструментами трансляции настроения.
3. По желанию предложить заказчику другие борды. Например, борд удачных решений или борд выбора цвета, или в необходимой для вас области исследования.
4. Изготовить  Moodboard. Большего эффекта достигает борд, собранный и склеенный своими руками. Сделать его довольно просто. Достаточно купить дизайнерский картон, распечатать все изображения на цветном принтере и запастись ножницами, макетными ножом, линейкой  и клеем-карандашом.  Можно, конечно, собрать цифровой борд (для себя, например) или в случае, если заказчик работал с Moodboard ранее. Основной минус цифровых бордов в том, что не видно всех изображений сразу и вы не сможете объективно отследить очередность выбора изображений на презентации.
5. Провести презентацию и зафиксировать результаты и очередность выбора.

К презентации стоит подготовить:

• Moodboard по важным для нас областям исследования;
• разноцветные маркеры или стикеры с номерами;
• документ для учета времени и выбора;
• телефон или другое записывающее видео устройство;
• блокнот и ручку;
• одного ассистента (по желанию).

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

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

• 6. Описать инструменты, которые транслируют то или иное настроение, через выбранные изображения.
• 7. Утвердить эти инструменты у заказчика.

В каких случаях можно использовать Moodboard

Это инструмент представления и поддержки воображения.

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

Исполнитель:

— Наши креативы вам не подошли?

Заказчик:

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

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

Помогает собрать данные при отсутствии входящей информации по работе над стилистикой проекта.

Применяем при отсутствии брифа или части информации, которая нужна для формирования стилистики.

Исполнитель:

— Нам нужна дополнительная информация для разработки дизайна.

Заказчик:

— Мы заполнили ваш длиннющий бриф и ответили на все вопросы. Это ведь ваш документ? Работайте по нему. Что вы еще от нас требуете? Мы не планировали тратить на это большее количество времени.

Нежелание идти на встречу или отсутствие времени на подготовку детальной спецификации.

Поможет вам создать уникальное сочетание элементов.

Когда вы проводите презентацию мудборда, вы не можете управлять выбором элементов заказчиком. Это как жеребьевка в лотереи. Невозможно предугадать, какие образы для работы вам перепадут. Более того, все эти образы синергично будут работать на одну цель.

Заказчик:

— Ого! Креатив на уровне! Нам нравится! Станислав Ардалионович сразу одобрил. Ваш креатив выгодно выделит нас на золотой полке.

P.S. Отсыпьте, если осталось.

Исполнитель:

— Спасибо за быстрый ответ. Мы собрали и систематизировали месседжи, транслируемые вашими изображениями. Я поняла, что мы на верном пути. Двигаемся дальше.

Он помогает выйти на новый уровень коммуникации с заказчиком.

После проведения презентации, как показывает моя практика, заказчик часто меняет схему взаимоотношений: с «Начальник-исполнитель» на «Непонятый-понимающий». Эту модель отношений можно сравнить с моделью «Пациент-Психолог». Появляется intimate aspect в формате отношений. Этот формат отношений вас выгодно выделит среди других исполнителей.

Как работать с мудбордами

Каждый Moodboard создается для решения только одной конкретной задачи

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

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

Обязательно формализовать сообщения, транслируемые результатом отбора

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

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

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

Не экономьте время на анализ изображений

«То, что лежит на поверхности, то, что может подобрать каждый, не представляет ценности». Это аксиома.

Важно копнуть на семантический уровень глубже, а после – еще глубже. И так до тех пор, пока не докопаетесь до истинных причин рефлексии.

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

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

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

• Краткий месседж изображения.
• Механику и причину эмоционального воздействия изображением.
• Список инструментов трансляции настроения изображением.
• Рекомендации к их применению.

Каждый второй скажет вам, что Moodboard – это бред.

Это не так. Подобное вам может сказать человек, который не понимает, как работает этот инструмент.  С такой проблемой в свое время столкнулся Алан Купер, когда предложил использовать «Персон» как опорный инструмент разработки интерфейса.

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

• композицию
• сюжет
• цвет
• атмосферу конкретного места или ситуацию
• через совокупность образов
• типографику
• исторические предпосылки
• социальные предпосылки
• региональные предпосылки
• ваш вариант

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

Почему стоит использовать этот инструмент

Поможет вам создать уникальное сочетание элементов.

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

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

Поможет создать Key-image максимально соответствующий выбранному образу

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

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

Позволяет увидеть весь объем возможностей сразу.

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

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

Он помогает приоритизировать информацию

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

Практика показала, что их выбор не всегда рационален со стороны заказчика.

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

Вторая тройка — транслирует более низкий приоритет эмоций. Это те настроения, что идут как не обязательные, но желательные.

В этот момент включается третий приоритет. Приоритет — нужды пользователей.

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

Как дизайн на основе гипотез помогает пройти сквозь неизвестность читайте на Telegraf.Design в материале Sylvia Lai.