Сторителлинг в проектировании интерфейсов. Как создавать истории, улучшающие дизайн - Кевин Брукс

Структура «Сейчас – Тогда – Сейчас» – хороший способ проиллюстрировать отношения главного героя с миром, акцентируя их. Сами события объясняют их, когда герой «путешествует во времени». Что-то останется постоянным, что-то меняется.

Во многих историях о пользовательском опыте описаны новые (или пересмотренные) отношения с разными устройствами. Такая структура показывает, что основные потребности могут оставаться постоянными – однако меняются способы их удовлетворения. История «Техника написания текстов» – пример структуры «Сейчас – Тогда – Сейчас»:

Сейчас: я работаю над книгой.

Тогда: в 1980-е гг.

Сейчас: техника стала проще.

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

Здесь – Там – Здесь

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

Упоминание о расстоянии может быть полезным, когда вы хотите рассказать о другой культуре. Такая структура также легко трансформируется в «Там – Здесь – Там». Вот пример, который подсказал Кевину его давний друг-итальянец.

Там: на родине все было проще. Если я хотел встретиться с кем-то по работе или просто так, мы договаривались и встречались. Никто не пользовался электронной почтой. Мы обменивались СМС-сообщениями. Иногда у них днем было много работы, иногда у меня, но в конце концов мы выкраивали свободное время для встречи. Здесь: в США все иначе. Люди говорили: «Мы встречаемся в 9 часов», и никак иначе. К такому было трудно привыкнуть. А если я занят? А если они заняты? Не важно – встречаемся в 9. В США мне нравится. Но при любом удобном случае я еду домой. Там: и каждый раз, когда я приезжаю обратно, я должен снова использовать привычный способ: «Хотите встретиться? Давайте завтра. Напишите мне».

Многослойные истории

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

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

Образ 1: вверху первой страницы результатов поиска показана цифра 1258, на каждой странице по 20 результатов. В нижней части страницы приведены цифры 1–9 и многоточие.

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

Образ 3: обозначилась схема. На каждой странице предлагалось что-то, и на каждой спрашивали о чем-то. Энергия, долголетие, пищеварение или аппетит; все за деньги, по доброте душевной или просто за то, что он открыл страницу и прочел текст.

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

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

У этой структуры есть преимущества и недостатки. Рассказывать придется долго, но и воздействие окажется сильным. Не нужно с самого начала подсказывать, каким будет финал (как в приведенном примере). Если образы интересны, то аудитория вряд ли заметит отсутствие сюжета и сосредоточится на героях и ощущениях. Скорее всего, она запомнит эмоции, вызванные историей, чем конкретные факты. Поэтому эту структуру имеет смысл использовать, когда вам нужен эмоциональный отклик.

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

Хроническая обструктивная болезнь легких (ХОБЛ) часто развивается медленно, она неизлечима. Поток воздуха блокируется, и пациенту становится все сложнее дышать.

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

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

Вы можете прочесть ее на сайте и посмотреть видео на YouTube: www.rosenfeldmedia.com/books/storytelling/blog/tomato_paste.

Контекстные интерлюдии

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

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

• «Лирические отступления». Они особенно важны в историях, где задача автора – передать ощущения от события.

Следующий пример – продолжение истории Кевина о 60-х из главы 13.

Проигрыватель стоял у нас в столовой на большом коричневом ящике. На боковой стороне проигрывателя курсивом было написано «Портативный». У него даже была ручка, вроде ручке чемодана (видимо, доказательство его портативности). Но мы никогда не выносили его из комнаты. Колонки были на шарнирах и крепились спереди. Их можно было выдвинуть или разместить подальше друг от друга.