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

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

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

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

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

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

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

• Убеждение.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Какие мысли вызвала у вас эта история? Кевин рассказал ее группе людей на собрании UsabilityNJ [20]и спросил слушателей, что они представили себе. Вот их ответы.

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

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

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

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

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

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

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

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

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

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

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