Что такое User Story Mapping
User Story Mapping (USM) – это инструмент целостного проектирования продукта на основе пользовательского пути. В дословном переводе – «карта пользовательских историй».Простыми словами, это визуальный путь пользователя по продукту.
Основу USM составляют следующие инструменты:
- User Persona – это пользователь, заинтересованный в продукте.
- User Story – это цели и задачи, которые пользователь решает с помощью продукта.
- User Journey – это действия и ощущения пользователя во время использования продукта.
С помощью карты пользовательских историй вы можете взглянуть на свой продукт глазами пользователя. Дело в том, что при создании продукта многие разработчики концентрируются исключительно на его функционале, теряя из виду реальные цели людей. В результате между разработчиком и клиентом возникает недопонимание, а продукт оказывается неспособным удовлетворить потребности пользователя.
Как построить карту пользовательских историй
Над USM обычно работает владелец продукта или команда разработки. При необходимости привлекаются дополнительные специалисты – например, маркетологи, дизайнеры (UX/UI), аналитики и т.д. Важно, чтобы команда не только отлично разбиралась в продукте, но и могла воспринимать его на уровне пользователя.
Для создания карты пользовательских историй необходим инструмент визуализации. Вы можете использовать следующие варианты:
- Традиционные инструменты – стикеры, флипчарт, меловая доска и так далее.
- Цифровые инструменты – графические редакторы, специальные сервисы (например, Miro, Mural и другие).
Теперь самый сложный этап – построение карты пути клиента. Вы должны спроектировать по шагам действия клиента при использовании продукта на основе реального сценария. Ниже мы рассмотрим конкретный пример. Для этого необходимо понимать преследуемые цели, предпринимаемые действия и шаги. Можно разделить создание USM на этапы.
Этапы работы над USM
- Подготовительный этап. На этой стадии определяете команду для работы над картой пользовательских историй и используемые инструменты визуализации, а также планируете время работы (может потребоваться до 1-2 дней). При этом не обязательно собирать всех сотрудников в одном месте. Вы можете организовать связь между ними посредством IP-телефонии.
- Брейншторминг. Команда проводит мозговой штурм, отвечая на ряд вопросов – например, «Как клиент использует продукт?» и т.д.
- Определение действий пользователя. На этом этапе вы определяете, какие шаги предпринимает клиент при работе с продуктом, объединяете их в более крупные этапы, а затем заполняете пробелы для каждого этапа. Здесь так же рекомендуется использовать метод «мозгового штурма», при котором каждый член команды сначала самостоятельно определяет действия пользователя, а потом совместными усилиями формируется общая карта действий.
- Определение приоритетов. Теперь вы должны расставить приоритеты внутри каждого этапа: что конкретно нужно сделать в первую очередь, что можно отложить, а что – сделать при наличии дополнительного времени или бюджета.
- Определение этапов реализации проекта. Наконец, необходимо выделить релизы – что будет представлено в 1-й версии проекта, во 2-й версии и так далее. При этом продукт на каждой стадии релиза должен достигать конкретных бизнес-целей.
Теперь необходимо взглянуть на получившуюся карту целиком и убедиться, что все шаги соотносятся с действиями, соответствующими определенным целям. На основе карты вы можете сформировать бэклог продукта, а саму карту сделать доступной для всей команды проекта (например, распечатать и повесить на стену).
User Story Mapping – пример
Предположим, вы запускаете свой интернет-магазин. В первую очередь, на карте пользовательских историй вы расписываете действия клиента по шагам – от поиска товара до его оплаты. Например:
- Найти товар
- Прочитать описание товара
- Посмотреть фотографии товара
- Положить товар в корзину
- Выбрать время и адрес доставки
- Ввести номер, срок действия и CVV-код карты
- Подтвердить оплату по SMS-коду
В этот момент карта пользовательских историй будет выглядеть следующим образом:
Нередко в карте может быть звонок оператора с помощью телефонии. Это также стоит предусмотреть, в зависимости от ваших сценариев. Теперь вы должны сгруппировать эти действия в этапы. В данном случае можно выделить 4 основных этапа взаимодействия с сайтом:
- Поиск товара
- Изучение информации о товаре
- Добавление в корзину
- Покупка
Распределяем действия по этапам и преобразуем карту:
Теперь необходимо заполнить пробелы: добавить действия, которые может совершить пользователь на каждом этапе взаимодействия с сайтом. Например, во время поиска товаров он может настраивать фильтры по цене, по рейтингу и так далее, а при изучении информации о товаре – смотреть видео, читать отзывы и пр. Добавляем эти действия в карту:
Теперь необходимо расставить приоритеты внутри каждого этапа. Например:
- Что нужно обязательно сделать.
- Что рекомендуется сделать.
- Что неплохо было бы сделать.
Для этого нужно поменять местами действия и распределить их по группам приоритета:
Остается лишь выделить релизы. Для этого отделите линиями разного цвета версии интернет-магазина в порядке их реализации. Таким образом, на заключительном этапе карта пользовательских историй будет выглядеть следующим образом:
После этого при желании можете сформировать бэклог своего проекта (интернет-магазина). Для этого необходимо выстроить по порядку все действия с учетом этапов слева направо. В данном случае это будет выглядеть следующим образом:
| Ver. 1 |
|
| Ver. 2 |
|
| Ver. 3 |
|
