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

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

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

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

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

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

Есть ли более простой способ распечатать специальные чеки и заполнить бухгалтерскую ведомость? Знаете ли вы другое решение? Бывали вы в подобной ситуации?

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

Как же создать интересную историю? Можно использовать видеоряд (хотя это сложнее, чем создать комикс или простое повествование). Брюс Тогназзини, сотрудник Nielsen Norman Group[12]12
  Nielsen Norman Group – консалтинговая фирма, специализирующаяся на пользовательском интерфейсе и пользовательском опыте. Прим. ред.


[Закрыть], вел проект Sun Microsystems о будущем программирования. Он создал видео под названием Starfire: The Movie, в котором показан рабочий день специалиста по работе с информацией лет через двенадцать. Starfire был создан в 1992 г., соответственно, речь шла о 2004-м. Разработчики создали пространство с несколькими дисплеями. Контроль осуществлялся с помощью жестов. И все это было до выхода фильма «Особое мнение»[13]13
  «Особое мнение» (Minority Report) – фантастический боевик Стивена Спилберга о технологиях, позволяющих предсказать будущие события. Вышел в 2002 г. Прим. ред.


[Закрыть] и появления компьютеров Microsoft Surface.

Не приходится тратить время на описание проблем и их решения. В истории подробно показан новый способ взаимодействия людей и продуктов. События иллюстрируют ход развития ситуации. Вначале исследователь задает вопрос: «Что если бы все эти технологии можно было бы использовать сейчас?» Потом он рассказывает историю, по сюжету которой указанные технологии существуют. Цель Starfire была скорее в том, чтобы научить людей мыслить по-новому, а не описать все подробности создания нового продукта.

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

Настоящее интерактивное телевидение

Боб, Кэрол и их 17-летний сын Роберт поменяли старую кабельную систему на новую Acme IPTV. Они получили не только доступ ко всем возможностям старой системы, но и особые интерактивные каналы.

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

Даже Боб использует систему. Во время сериала с помощью дистанционного экранного интерфейса он смотрит автогонки. Лидером становится исполнительница главной роли на кабриолете Corvette 1970.

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

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

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

История-инструкция

32-летний Джон работает в небольшой компании. Недавно он решил открыть собственную консалтинговую фирму и стать ее единственным владельцем.

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

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

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

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

Теперь он может решать, как вкладывать средства.

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

Больше работы? Это не так!

Наверняка вы думаете: «Дел и так предостаточно, к чему мне лишние хлопоты?»

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

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

Можно также собирать истории и пересказывать их во время работы над проектом. Иногда это помогает найти новый подход.

В радиошоу «Эта американская жизнь» (This American Life) на Национальном общественном радио рассказываются истории из жизни. Каждый раз выбирается тема, относящаяся к реальному человеку, и рассматривается с разных точек зрения. Айра Гласс, продюсер, использует журналистские приемы и сторителлинг для создания очень убедительных портретов.

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

Айра Гласс, «Эта американская жизнь», дискуссия на конференции Gel[14]14
  Gel – интернет-конференция для руководителей, дизайнеров и мыслителей, стремящихся обеспечить хороший пользовательский опыт. Впервые прошла в 2004 г. Прим. ред.


[Закрыть], 2007

(gelconference.com/videos/2007/ira_glass/).

Дополнительные источники

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

Дженет Мюррей, «Гамлет на Холодеке: будущее повествования в киберпространстве». В ней рассказывается, как с помощью современных технологий создавать новые формы историй.

Бренда Лоурел, «Компьютеры как театр» – полезная книга для исследователей пользовательского опыта с применением философии Аристотеля.

Выводы

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

Истории можно по-разному применять при описании пользовательского опыта. Они могут быть интегрированы в процесс работы.

• Можно описать обстоятельства или ситуацию как историю из жизни действующих лиц.

• Можно иллюстрировать основные проблемы, объяснить, для чего необходим новый опыт.

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

Глава 2. Истории в описании пользовательского опыта

Некоторые считают, что истории можно рассказывать только во время публичных выступлений. Клод Шеннон, которого иногда называют «отцом теории информации»[15]15
  Клод Шеннон (1916–2001) – американский инженер и математик. Прим. перев.


[Закрыть], рассматривал коммуникацию как способ передачи сообщений. В рамках этой теории один человек передает историю другому – например, как товар или сигнал по проводам (рис. 2.1).

^{РИС. 2.1. Некоторые люди думают, что истории сродни выступлению: рассказчик воздействует на слушателей в одностороннем порядке}

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

Но на самом деле здесь немного иная ситуация.

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

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

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

Совокупность отношений между рассказчиком, повествованием и аудиторией называют треугольником истории (см. рис. 2.2). Он показывает взаимосвязь между этими тремя составляющими. На рис. 2.3 показано, как он работает.

^{РИС. 2.2. Треугольник истории показывает взаимосвязь между рассказчиком и слушателями: последние не только воспринимают историю, но и реагируют на нее}

_{РИС. 2.3. Треугольник истории}

^{1. Сначала рассказчик придает истории форму}

^{2. По ходу рассказа в сознании слушателей формируется образ}

^{3. В ходе повествования рассказчик и аудитория постоянно взаимодействуют. Каждый влияет на остальных и определяет форму истории}

^{4. Самое важное взаимодействие устанавливается между аудиторией и историей. Слушатели становятся частью рассказа}

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

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

История – не просто описание событий

Обычно суть истории – последовательность событий. Иначе никак. Вы можете описать обстоятельства или характер персонажа, но это не история, пока нет событий, решений и действий или хотя бы реакции на происходящее (рис. 2.4).

^{РИС. 2.4. Истории – не просто описание череды событий}

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

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

Для начала нужно создать мотивацию. Цели и мотивы всех участников событий должны быть четко описаны или понятны. Именно причины поступков – самое интересное в истории: мы хотим узнать, почему что-то случилось, а не просто что событие имело место (рис. 2.5). Даже если мы не рассказываем о причинах событий другим, то по крайней мере сами их понимаем.

^{РИС. 2.5. Причина не менее интересна, чем само событие}

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

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

Стрекоза и муравей[16]16
  Басня Эзопа «Кузнечик и Муравей», также известная как «Жук и Муравей». Русскому читателю более известна басня Крылова «Стрекоза и Муравей». Прим. перев.


[Закрыть]: две версии одного сюжета

Лора Пакер пересказывает одну из басен Эзопа, демонстрируя, как одна история может быть подана по-разному. Первая версия – вольное изложение истории из сборника «Гарвардская классика»[17]17
  «Гарвардская классика» (также известна под названием «Пятифутовая полка») – собрание книг, включающее в себя 418 шедевров мировой литературы. Подборка проведена президентом Гарвардского университета Чарльзом Элиотом. Прим. перев.


[Закрыть].

1. Классическая версия

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

– Может, остановишься и поговоришь со мной? Ты мог бы петь и танцевать, а не трудиться так усердно.

– Я готовлю запасы на зиму. Почему бы тебе не заняться тем же?

– Зачем? – ответила Стрекоза. – У меня сейчас полно еды.

Муравей покачал головой и продолжил трудиться.

Прошло лето, настала зима. У Стрекозы закончилась еда, и она голодала. А Муравей ел зерна, которые запас летом. И тогда Стрекоза поняла, что лучше думать о завтрашнем дне уже сегодня.

(Эзоп. Басни, в пересказе Джозефа Джейкобса. Vol. XVII, Part 1. The Harvard Classics. New York: P. F. Collier & Son, 1909–14; Bartleby.com, 2001, www.bartleby.com/17/1/)

2. Современный пересказ Лоры

Энн работала помощником администратора, хотя это было не очень престижно. Однако работа ей нравилась, она много трудилась и откладывала часть заработка. Жилье у нее было скромное, но уютное. Энн считала, что живет неплохо, но иногда сомневалась в этом – когда обедала со Сьюзен, старой знакомой из колледжа. Сьюзен работала трейдером по деривативам[18]18
  Участник биржевой торговли, покупающий или продающий производные финансовые инструменты (опционы, фьючерсы и т. д.). Прим. перев.


[Закрыть], и ей нравилось жить на широкую ногу. Каждый вечер она ходила в дорогие рестораны, дом ее был огромным, машина – быстрой и красивой, а наряды – самыми модными. Она всячески старалась произвести впечатление.

Сьюзен каждый раз говорила Энн при встрече: «Жизнь коротка! Ты постоянно твердишь, что нужно быть бережливой. Но как же удовольствие от жизни?» Энн улыбалась и пила коктейль, а Сьюзен допивала уже второй или третий бокал. «Я просто хочу, чтобы у меня были средства на черный день», – отвечала Энн. Сьюзен пожимала плечами и рассказывала о своем последнем отпуске в экзотической стране или о новых модных туфлях. Обычно Энн реагировала спокойно. Слушая подругу, она думала: пусть живет как хочет, мне важнее надежность, мой скромный дом и бережливость. Мало ли что может случиться.

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

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

Сначала Сьюзен притворялась, будто ничего не случилось. Она продолжала покупать обувь Маноло Бланика[19]19
  Маноло Бланик (род. 1942) – испанский дизайнер модной обуви, ставшей известной благодаря сериалу «Секс в большом городе». Прим. перев.


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

Однажды, когда Энн была на работе, Сьюзен оставила ей сообщение на автоответчике: «Я сейчас ищу работу, устроилась на неполный день в Starbucks и думаю, не переехать ли к родителям. У меня ничего нет. Ума не приложу, куда подевались деньги. С удовольствием сходила бы на ланч, но не могу себе этого позволить. Ты сможешь за меня заплатить? Я бы хотела узнать, как ты живешь, чего достигла. Позвони мне как-нибудь. До встречи».

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

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

^{РИС. 2.6. Культура и жизненный опыт дают возможность обозначить детали}

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

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

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

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

Задачи историй в описании пользовательского опыта

Ниже перечислены главные функции историй в проектировании:

• Объяснение.

• Задействование воображения.

• Генерация новых идей.

• Возможность понять общую картину.

• Убеждение.

В большинстве историй излагаются факты и выстраивается цепь событий:

По пути в магазин она…

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

Каждый раз, когда он пытался ввести 26-значный код, он получал сообщение, что два символа не совпадают. И чем дальше, тем больше он злился и тем сильнее лупил по клавиатуре… и делал все больше ошибок… Наконец…

Также возможно добавить контекст, поясняющий мотивы, которые и определили поведение:

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

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

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

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

История Кевина про Токио

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

Я повернул направо и пошел вниз по улице. В какой-то момент все изменилось: чем дальше, тем тише становилось. Храм стоял недалеко от шумной главной улицы. Когда я к нему подошел, воцарилась тишина. Казалось, что это уголок спокойствия.

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

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

Во всем городе не было другого места, куда так легко попасть и где можно побыть в тишине.

Какие мысли вызвала у вас эта история? Кевин рассказал ее группе людей на собрании UsabilityNJ[20]20
  Ассоциация профессионалов по юзабилити в Нью-Джерси: http://www.usabilitynj.org/. Прим. перев.


[Закрыть] и спросил слушателей, что они представили себе. Вот их ответы.

На что была похожа улица?

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

Какого цвета был знак, который указывал путь к храму?

Ответ: Белый, а стрелка черная.

Кто-нибудь еще может представить себе знак?

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

Какого цвета был храм? Кто-нибудь представляет себе храм?

Ответ: Из бамбука.

Ответ: Я вижу зеленый храм.

Ответ: Каменный храм.

Ответ: И небольшой.

Какого цвета камень в саду дзен?

Ответ: Серого.

Ответ: Бежевого и коричневого.

Ответ: Разных оттенков серого.

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