Драматургия дизайна

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

Автор:

Эллен Лаптон

Комментарий эксперта

Эллен Лаптон, используя свой опыт куратора Cooper Hewitt, отлично систематизирует хаос проектирования через трехчастную структуру: действие, эмоция и ощущение. Книга работает как инструмент для синхронизации профессионального словаря — она дает четкие термины для описания того, как пользователь проживает опыт взаимодействия с продуктом, что критически важно для построения вовлекающих сценариев. Визуальная подача здесь не просто украшение, а доказательство тезисов автора: принципы сторителлинга внедрены прямо в верстку, делая связь между нарративом и графикой интуитивно понятной. Это качественный вводный курс в нарративное проектирование, где теория сразу подкрепляется наглядными кейсами, без лишней воды. При этом опытным специалистам контент может показаться недостаточно глубоким. Лаптон широкими мазками проходит по психологии восприятия и сценарному мастерству, создавая идеальный справочник для джуниоров или студентов, но не предлагая сложной аналитики для решения нестандартных задач высокого уровня. Главный плюс — это прикладной характер: вы получаете готовые схемы для построения пользовательского пути и эмоциональных триггеров, но без тяжелой академической базы. Книга не перевернет ваше представление о профессии, если вы в ней давно, но отлично сработает как источник быстрых инсайтов и визуального вдохновения для преодоления творческого кризиса.

ключевые идеи книги:

1. Дизайн как повествование: Создавайте истории, которые вовлекают пользователей эмоционально и функционально

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

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

Многоаспектный подход. Дизайнеры используют различные элементы для рассказа историй:

  • Визуальные элементы: Цвет, форма, типография
  • Дизайн взаимодействия: Пользовательские потоки, элементы интерфейса
  • Язык: Названия, описания, инструкции
  • Материалы: Текстуры, физические свойства
  • Системное мышление: Как все элементы работают вместе

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

2. Повествовательная дуга: Структурируйте опыт с нарастающим действием, кульминацией и разрешением

"Хорошо составленное предложение переносит идеи из головы писателя в голову читателя."

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

Элементы повествовательной дуги в дизайне:

  1. Экспозиция: Введение продукта или услуги
  2. Нарастающее действие: Увеличение вовлеченности и интереса
  3. Кульминация: Пиковый момент взаимодействия или осознания
  4. Спад действия: Решение потребностей или вопросов пользователя
  5. Разрешение: Завершение опыта, оставляющее неизгладимое впечатление

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

3. Путешествие героя: Направляйте пользователей через трансформирующие взаимодействия с продуктом

"Истории путешествуют от человека к человеку и от места к месту. Хорошо составленное предложение переносит идеи из головы писателя в голову читателя."

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

Этапы путешествия героя в дизайне:

  1. Призыв к действию: Маркетинг или первое знакомство с продуктом
  2. Порог: Первое использование или вводный процесс
  3. Испытания: Обучение эффективному использованию продукта
  4. Трансформация: Овладение продуктом и достижение целей
  5. Возвращение: Становление адвокатом или постоянным клиентом

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

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

"Планирование сценариев — это инструмент для рассказа историй о будущем."

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

Шаги в планировании сценариев:

  1. Определите ключевые тренды и неопределенности
  2. Разработайте несколько правдоподобных будущих сценариев
  3. Исследуйте последствия для пользователей и продуктов
  4. Разработайте гибкие решения, которые работают в разных сценариях
  5. Постоянно мониторьте и корректируйте по мере развития будущего

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

5. Эмоциональное путешествие: Картируйте и проектируйте для изменения чувств пользователей со временем

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

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

Компоненты карты эмоционального путешествия:

  • Точки соприкосновения: Ключевые моменты взаимодействия
  • Эмоции: Положительные и отрицательные чувства в каждой точке
  • Интенсивность: Сила эмоциональной реакции
  • Действия: Что делают пользователи в ответ на эмоции
  • Возможности: Области для улучшения или усиления

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

6. Совместное создание: Вовлекайте пользователей в процесс дизайна для построения эмпатии и инноваций

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

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

Методы совместного создания:

  • Воркшопы: Объединение пользователей и дизайнеров для мозгового штурма
  • Тестирование прототипов: Получение отзывов пользователей на ранних стадиях дизайна
  • Культурные пробы: Предоставление пользователям инструментов для документирования их опыта
  • Участие в дизайне: Пользователи как активные члены дизайнерской команды
  • Краудсорсинг: Сбор идей и отзывов от больших групп

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

7. Мультисенсорный дизайн: Вовлекайте все чувства для создания запоминающихся, впечатляющих опытов

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

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

Чувства, которые следует учитывать в дизайне:

  • Зрение: Цвет, форма, типография, изображения
  • Звук: Музыка, фоновый шум, звуки взаимодействия
  • Осязание: Текстуры, температуры, тактильная обратная связь
  • Обоняние: Запахи, ароматы (или их отсутствие)
  • Вкус: Вкусы, ощущения во рту (для продуктов питания/напитков)

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

8. Принципы гештальта: Используйте визуальную группировку для управления восприятием и пониманием

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

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

Ключевые принципы гештальта:

  • Близость: Объекты, расположенные близко друг к другу, воспринимаются как группа
  • Сходство: Похожие объекты воспринимаются как связанные
  • Замыкание: Разум заполняет пробелы для завершения форм
  • Непрерывность: Глаз следует за плавными путями или линиями
  • Фигура/фон: Объекты воспринимаются как либо передний план, либо фон

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

9. Поведенческая экономика: Применяйте психологические инсайты для подталкивания решений пользователей

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

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

Ключевые концепции поведенческой экономики в дизайне:

  • Предвзятость по умолчанию: Люди склонны оставаться с предвыбранными опциями
  • Эффект дефицита: Ограниченная доступность увеличивает воспринимаемую ценность
  • Социальное доказательство: Люди следуют действиям других
  • Якорение: Начальная информация влияет на последующие решения
  • Избегание потерь: Люди предпочитают избегать потерь, чем приобретать выгоды

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

10. Аффордансы: Проектируйте интуитивные взаимодействия через подсказки формы и функции

"Объект, который вызывает действие, называется аффордансом."

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

Типы аффордансов:

  • Физические: Форма подсказывает, как держать или манипулировать объектом
  • Визуальные: Графика или цвета указывают на интерактивные элементы
  • Когнитивные: Дизайнерские шаблоны, которые пользователи узнают из прошлого опыта
  • Функциональные: Функции, которые ясно сообщают о своем назначении
  • Сенсорные: Текстуры или звуки, которые направляют взаимодействие

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

Об авторе

полки библиотеки

Читайте также