Практика 2

Визуализация пользовательского пути

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

«Собака Павлова» в соцсетях

User Flow — рабочий инструмент, одинаково необходимый и команде дизайнеров, и разработчикам. Первым он дает возможность срезать углы и ликвидировать лишние шаги, чтобы максимально упростить жизнь пользователя, а вторым помогает избежать лишних вопросов из разряда «как это произошло». Если тщательно проработать все действия пользователей на этапе дизайна, то у программистов будет в разы меньше вопросов о том, как все нарисованное должно работать.

Варианты визуализации пользовательского пути

1. Текстовый

На этапе исследования все действия пользователя и системы записываются словами и «раскладываются по ролям».
Варианты маршрута пользователя | SobakaPav.ru
Пример сценария взаимодействия домофона и пользователя

2. Блок-схема

Инструмент, наглядно иллюстрирующий последовательность действий пользователя для прохождения того или иного сценария, а также возможные отклонения и ветвления. Существуют типовые сценарии, блок-схемы которых можно переиспользовать в разных проектах (например: авторизация, оформление заказа в интернет-магазине и т. д.).
Инструменты для создания схем: Miro, FigJam, FlowMapp.
Варианты маршрута пользователя | SobakaPav.ru
Блок-схема заказа в интернет-магазине, выполненная в FigJam

3. Таблица

Табличный вид часто используется для создания полномасштабных карт пользовательского пути, включающий в себя все этапы и подэтапы взаимодействия пользователя с продуктом. Показывает информацию логично и последовательно, но ветвления и отклонения пользователя отображает неявно.
Варианты маршрута пользователя | SobakaPav.ru
Один и тот же User Flow, представленный блок-схемой (сверху) и таблицей (снизу)
Не обязательно User Flow должен выглядеть как блок-схема. В первую очередь нужно ориентироваться на специфику продукта и собственные предпочтения. Важно не нарисовать блок-схему, а визуализировать происходящее понятным образом.