Сторителлинг в проектировании интерфейсов. Как создавать истории, улучшающие дизайн
Шрифт:
Истории задействуют воображение слушателя, помогают ему совершать интуитивные переходы за рамками линейной логики и стимулируют мышление. Слушатели создают ментальные образы, находят взаимосвязи между ними и достраивают сюжет.
История Кевина про Токио
Я прогуливался по оживленному и шумному району Токио, где бродили толпы людей и играла громкая музыка. Вдруг я увидел знак, указывающий за угол. Я предположил, что там находится храм.
Я повернул направо и пошел вниз по улице. В какой-то момент все изменилось: чем дальше, тем тише становилось. Храм стоял недалеко от шумной главной улицы. Когда я к нему подошел, воцарилась тишина. Казалось,
Я зашел внутрь, прошел по широким деревянным половицам. Было очень тихо. Там присутствовали и другие люди, но они двигались спокойно и бесшумно.
Я пошел к саду дзен и сел с краю, рядом с огромным камнем. Я начал рассматривать выложенный из гальки узор. Я слышал свое дыхание, сердцебиение и даже мысли. На этом островке спокойствия в центре шумного мегаполиса я наслаждался тишиной.
Во всем городе не было другого места, куда так легко попасть и где можно побыть в тишине.
Какие мысли вызвала у вас эта история? Кевин рассказал ее группе людей на собрании UsabilityNJ[20] и спросил слушателей, что они представили себе. Вот их ответы.
На что была похожа улица?
Ответ: Вы сказали, что там было шумно. Храм стоял за углом. Вы сказали, что постепенно шум улицы стихал, и наконец вы пришли в спокойное место: сад дзен.
Какого цвета был знак, который указывал путь к храму?
Ответ: Белый, а стрелка черная.
Кто-нибудь еще может представить себе знак?
Ответ: Было изображение на самом здании, значок храма. Вы не могли прочесть слова, поэтому мне кажется, что там какое-то обозначение.
Какого цвета был храм? Кто-нибудь представляет себе храм?
Ответ: Из бамбука.
Ответ: Я вижу зеленый храм.
Ответ: Каменный храм.
Ответ: И небольшой.
Какого цвета камень в саду дзен?
Ответ: Серого.
Ответ: Бежевого и коричневого.
Ответ: Разных оттенков серого.
Мы не знаем, как выглядел храм на самом деле: был ли он сделан из бамбука или камня, какого он был цвета. Кевин об этом не упоминает. Но все слушатели представили себе особенное место. Для них храм был таким же реальным, как и для Кевина. Генерирование идей
Мы инстинктивно добавляем подробности от себя. Поэтому в историях достаточно намеков, не обязательно приводить все детали. Таким образом, они стимулируют воображение и позволяют найти новые идеи. Сначала вы представляете себе новый продукт или изменение в окружающей среде. Затем вы рассказываете об этом, демонстрируя, как люди ведут себя в новой ситуации. Пример приводится ниже.
Я
живу в уютной двухэтажной квартире. Иногда я устраиваю вечеринки, причем задействую оба этажа. Я хочу, чтобы музыка была слышна во всей квартире, а не только в гостиной, но чтобы она не оглушила гостей. И я не хочу тянуть провода по всей квартире. Я обдумал разные варианты и в итоге приобрел ресивер Acme. Конечно, у меня стояли хорошие динамики в гостиной. Поэтому нужно было всего лишь установить дополнительные динамики в кухне, кабинете и на втором этаже. Никаких проводов и грохота. У меня отличная подборка песен для вечеринки, и мои гости могут слушать их в свое удовольствие.Технические подробности здесь опущены. Но смогли ли вы представить себе развитие событий?
Примечания
1
В русской бизнес-литературе на данный момент еще не сложилось единого мнения по поводу того, как переводить термины «usability», «user experience», «UX design» (или просто «design»). Самый простой способ – транслитерация («юзабилити»). Буквальный перевод – «удобство использования». Соответственно, «user experience» – это «впечатления, полученные от использования», или «опыт использования». Однако в зависимости от контекста используются термины «проектирование пользовательского взаимодействия», «опыт пользовательского взаимодействия», «опыт использования», «пользовательский опыт», «опыт взаимодействия», «пользовательское взаимодействие» и др. Что же касается термина «UX design», то под ним часто имеется в виду «проектирование интерфейса» или «дизайн интерфейса». Подробнее см.:Прим. ред.
Вернуться
2
Creative Common License – документ, охраняющий авторское право. Прим. науч. ред.
Вернуться
3
В фантастическом сериале «Звездный путь» Холодек – специальная голографическая палуба, на которой члены экипажа могут взаимодействовать с различными предметами. Прим. науч. ред.
Вернуться
4
Murray J. Hamlet on the Holodeck: The Future of Narrative in Cyberspace. The MIT Press, 1998.
Вернуться
5
Laurel B. Computers as Theatre. AddisonpWesley Professional, 1993.
Вернуться
6
Redish J. Letting Go of the Words – Writing Web Content that Works. Morgan Kaufmann, 1th ed., 2007.
Вернуться
7
Здесь и далее имеются в виду курсы отдельных дисциплин («курс иностранного языка»), а не годичное распределение всех дисциплин («1-й курс» и т. д.). Прим. ред.
Вернуться
8
Термин еще не устоялся, но в профессиональной среде он используется, потому что прочие варианты вроде «рассказывание историй» слишком длинны, а «сказительство» вызывает ассоциации с баснями и фольклором. Прим. перев.
Вернуться
9
Аналог раскадровок в кинематографе. Прим. перев.
Вернуться
10
В проектировании – варианты использования. Прим. перев.
Вернуться
11
Профессиональный бейсбольный клуб, выступающий в Главной лиге бейсбола. Прим. перев.
Вернуться
12
Nielsen Norman Group – консалтинговая фирма, специализирующаяся на пользовательском интерфейсе и пользовательском опыте. Прим. ред.
Вернуться
13
«Особое мнение» (Minority Report) – фантастический боевик Стивена Спилберга о технологиях, позволяющих предсказать будущие события. Вышел в 2002 г. Прим. ред.
Вернуться
14
Gel – интернет-конференция для руководителей, дизайнеров и мыслителей, стремящихся обеспечить хороший пользовательский опыт. Впервые прошла в 2004 г. Прим. ред.