Кевин Брукс - Сторителлинг в проектировании интерфейсов. Как создавать истории, улучшающие дизайн
Структура «Сейчас – Тогда – Сейчас» – хороший способ проиллюстрировать отношения главного героя с миром, акцентируя их. Сами события объясняют их, когда герой «путешествует во времени». Что-то останется постоянным, что-то меняется.
Во многих историях о пользовательском опыте описаны новые (или пересмотренные) отношения с разными устройствами. Такая структура показывает, что основные потребности могут оставаться постоянными – однако меняются способы их удовлетворения. История «Техника написания текстов» – пример структуры «Сейчас – Тогда – Сейчас»:
Сейчас: я работаю над книгой.
Тогда: в 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.
Hi-FiПроигрыватель стоял у нас в столовой на большом коричневом ящике. На боковой стороне проигрывателя курсивом было написано «Портативный». У него даже была ручка, вроде ручке чемодана (видимо, доказательство его портативности). Но мы никогда не выносили его из комнаты. Колонки были на шарнирах и крепились спереди. Их можно было выдвинуть или разместить подальше друг от друга.
