Практика 2
Визуализация пользовательского пути
Определив пользовательские сценарии, нужно сделать их наглядное представление — пользовательский путь. Он же User Flow, он же пользовательский поток и т.п. Как правило, это схема из блоков и связей, отображающая полный путь, по которому движется пользователь, когда использует продукт. Проще говоря, это маршрут путешествия пользователя через экраны приложения к своей цели.
User Flow — рабочий инструмент, одинаково необходимый и команде дизайнеров, и разработчикам. Первым он дает возможность срезать углы и ликвидировать лишние шаги, чтобы максимально упростить жизнь пользователя, а вторым помогает избежать лишних вопросов из разряда «как это произошло». Если тщательно проработать все действия пользователей на этапе дизайна, то у программистов будет в разы меньше вопросов о том, как все нарисованное должно работать.
«Собака Павлова» в соцсетях
Варианты визуализации пользовательского пути
1. Текстовый
На этапе исследования все действия пользователя и системы записываются словами и «раскладываются по ролям».
Пример сценария взаимодействия домофона и пользователя
2. Блок-схема
Инструмент, наглядно иллюстрирующий последовательность действий пользователя для прохождения того или иного сценария, а также возможные отклонения и ветвления. Существуют типовые сценарии, блок-схемы которых можно переиспользовать в разных проектах (например: авторизация, оформление заказа в интернет-магазине и т. д.).
Блок-схема заказа в интернет-магазине, выполненная в FigJam
3. Таблица
Табличный вид часто используется для создания полномасштабных карт пользовательского пути, включающий в себя все этапы и подэтапы взаимодействия пользователя с продуктом. Показывает информацию логично и последовательно, но ветвления и отклонения пользователя отображает неявно.
Один и тот же User Flow, представленный блок-схемой (сверху) и таблицей (снизу)
Не обязательно User Flow должен выглядеть как блок-схема. В первую очередь нужно ориентироваться на специфику продукта и собственные предпочтения. Важно не нарисовать блок-схему, а визуализировать происходящее понятным образом.