Содержание:
User flow (юзер флоу, «поток пользователя») — это схема шагов, экранов и переходов, по которым человек движется в интерфейсе к конкретной цели: зарегистрироваться, оформить заказ, настроить интеграцию. Схема отвечает на вопрос «куда ведёт каждое действие»: показывает точки входа, развилки с условиями, тупики и альтернативные ветки. В отличие от карт клиентского опыта, эмоций, каналов и внепродуктовых этапов в user flow нет — это про механику навигации, а не про переживания пользователя. Строят её обычно в виде блок-схемы: прямоугольники для экранов, ромбы для условий, стрелки для переходов.
Как построить
- Определить цель пользователя и целевое действие, которым путь заканчивается.
- Зафиксировать точки входа: откуда человек вообще попадает в этот сценарий.
- Выписать шаги до цели, каждый — одно действие или один экран.
- Добавить развилки и условия: авторизован или нет, есть ли данные, что при ошибке.
- Найти тупики, лишние шаги и петли — это и есть результат работы.
- Сверить схему с реальными данными о поведении, а не только с представлениями команды.
Рисуют в Figma, Miro, FigJam, Whimsical или любом редакторе блок-схем — инструмент здесь второстепенен.
Примеры применения
Онбординг в SaaS: перед разработкой команда рисует путь от регистрации до первого ценного действия и видит, что при одном из условий пользователь попадает на экран без кнопки «дальше».
Оформление заказа: схема показывает, что незалогиненный пользователь на шаге оплаты выбрасывается на регистрацию и теряет корзину. Ветку переделывают на гостевой чекаут.
Мобильное приложение: у одной задачи обнаруживается три разных входа с разным числом шагов, после чего лишние убирают.
Аналитика: тот же путь описывают через события — открыл страницу, нажал кнопку, заполнил поле — и по воронке смотрят, на каком переходе отваливаются.
С чем не путать
CJM (Customer Journey Map) — карта пути клиента целиком: как узнал о проблеме, как выбирал, купил, что было после. Включает эмоции, каналы и офлайн-этапы. User flow — отрезок внутри интерфейса, без эмоций и каналов.
UJM (User Journey Map) — опыт внутри продукта с целями, барьерами и эмоциями пользователя. Отвечает на вопрос «зачем человек здесь и что ему мешает», тогда как user flow — на вопрос «куда ведёт кнопка».
- Воронка — количественная модель с конверсиями между шагами. User flow описывает все возможные пути, включая тупиковые; воронка измеряет один основной.
- Wireframe и прототип — как выглядят конкретные экраны. User flow — как они связаны между собой, без содержимого экранов.
- Sitemap — иерархия страниц сайта. Показывает структуру, а не последовательность действий.
- Информационная архитектура — как организованы данные и разделы. User flow строится поверх неё.
С чем работает в связке
CJM и UJM, прототипирование и wireframes, продуктовая аналитика и события на сайте, воронки конверсии, юзабилити-тестирование, A/B-тесты интерфейса, онбординг-сценарии и подсказки в продукте.
Где можно встретить на сайте carrotquest.io
Разграничение карт пользовательского опыта — какие бывают, чем отличаются и где заканчивается один инструмент и начинается другой — разобрано в гайде Customer Journey Map: какие карты бывают, как их составить и использовать, а про то, как эти понятия соотносятся на практике, говорит Юрий Веденин из UXPressia в интервью. Ближе всего к аналитической стороне user flow — Руководство новичка по созданию эффективной воронки конверсии: там показано, как описать путь через события вида «нажал на кнопку», «посетил страницу», «заполнил поле» и найти лишние шаги. Про переделку путей ради конверсии — 23 способа увеличить конверсию интернет-магазина, про поведение пользователей в динамике — когортный анализ. Данные о фактических переходах собирает сбор данных о посетителях сайта, см. также термины Прототипирование и Roadmap.
