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

Решение найдено: обратиться в интернет-магазин. Но возникает другая проблема – как выбрать размер? Об этом идет речь в следующих пяти предложениях. Дальше описано, как героиня решила задачу. Финал построен так, что читатель начинает фантазировать: «Что бы они ей предложили, если бы она хотела купить гидрокостюм? “Лягте на огромный лист бумаги”?»

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

Разработчикам ту же историю можно рассказать иначе.

Обувь для подводного плавания (пересказ)

Клиент хочет купить обувь для дайвинга в интернете, но не может выбрать размер. Он не знает, как конкретный производитель определяет размеры и как сильно растягивается его обувь. Он переходит на страницу услуги «Без проблем» (помощь в определении размера). Загружает одностраничный PDF-файл на компьютер. В нем есть ключ регистрации, с помощью которого определяется размер.

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

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

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

Баланс структуры и сюжета

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

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