User flow:
что это и как сделать
что это и как сделать
Как сформулировать пользовательские сценарии и связать их между собой
Содержание:
Что такое user flow
User flow (Источник)
User flow – это шаги, которые пройдет пользователь внутри вашего продукта, чтобы достичь цели.
При покупке товаров онлайн это может быть путь:
Главная → Категория → Карточка товара → Корзина → Оформление заказа.
User flow помогает:
1 Понять, где начинается и заканчивается путь пользователя.
2 Увидеть, есть ли лишние шаги или наоборот есть ли логические пропуски.
3 Помогает продакту, дизайнеру и команде разработки обсуждать продукт.
ПРИМЕР:
Допустим, есть приложение для заказа еды.
Пользователь открывает
главное меню
→ выбирает раздел «Пицца»
→ выбирает конкретную пиццу
→ нажимает «Добавить в корзину»
→ переходит к оформлению заказа
→ вводит адрес доставки
→ выбирает способ оплаты
→ жмёт «Подтвердить».
Это и есть user flow.
Потом на этот flow можно наложить разные условия (если ... то...) и добавить метрики и получится полная карта продукта.
При покупке товаров онлайн это может быть путь:
Главная → Категория → Карточка товара → Корзина → Оформление заказа.
User flow помогает:
1 Понять, где начинается и заканчивается путь пользователя.
2 Увидеть, есть ли лишние шаги или наоборот есть ли логические пропуски.
3 Помогает продакту, дизайнеру и команде разработки обсуждать продукт.
ПРИМЕР:
Допустим, есть приложение для заказа еды.
Пользователь открывает
главное меню
→ выбирает раздел «Пицца»
→ выбирает конкретную пиццу
→ нажимает «Добавить в корзину»
→ переходит к оформлению заказа
→ вводит адрес доставки
→ выбирает способ оплаты
→ жмёт «Подтвердить».
Это и есть user flow.
Потом на этот flow можно наложить разные условия (если ... то...) и добавить метрики и получится полная карта продукта.
Как сделать user flow
User flow Ecommerce (Источник)
Чтобы сделать User flow, сначала нужно понять, чего именно хочет достичь пользователь.
Допустим, в приложении для заказа еды это может быть цель «заказать пиццу и оплатить её».
Далее идем например в Miro, открываем новую доску и начинаем идти по шагам:
Определяем стартовую точку
В случае с заказом еды – это может быть запуск приложения или авторизация.
Проходим по действиям и учитываем условия
«Главное меню» → «Выбор раздела (Пицца)» → «Выбор конкретной пиццы» → «Добавить в корзину» → «Оформление заказа» → «Ввод адреса и способа оплаты» → «Подтверждение».
Связать шаги стрелками
Помним что могут быть разветвления в случае каких то условий или если например срабатывает ошибка.
Проверить, нет ли лишних шагов
Если выясняется, что между «Выбрать пиццу» и «Добавить в корзину» есть ещё три промежуточных экрана, то каждый такой шаг рушит конверсию.
Пройтись по схеме от лица пользователя
Начинаем проходить каждый из сценариев и проверяем что нет логических ошибок.
Штормим над схемой с командой
Если user flow составляет дизайнер то как минимум с продактом точно надо обсудить, а в идеале со всей командой сразу.
Допустим, в приложении для заказа еды это может быть цель «заказать пиццу и оплатить её».
Далее идем например в Miro, открываем новую доску и начинаем идти по шагам:
Определяем стартовую точку
В случае с заказом еды – это может быть запуск приложения или авторизация.
Проходим по действиям и учитываем условия
«Главное меню» → «Выбор раздела (Пицца)» → «Выбор конкретной пиццы» → «Добавить в корзину» → «Оформление заказа» → «Ввод адреса и способа оплаты» → «Подтверждение».
Связать шаги стрелками
Помним что могут быть разветвления в случае каких то условий или если например срабатывает ошибка.
Проверить, нет ли лишних шагов
Если выясняется, что между «Выбрать пиццу» и «Добавить в корзину» есть ещё три промежуточных экрана, то каждый такой шаг рушит конверсию.
Пройтись по схеме от лица пользователя
Начинаем проходить каждый из сценариев и проверяем что нет логических ошибок.
Штормим над схемой с командой
Если user flow составляет дизайнер то как минимум с продактом точно надо обсудить, а в идеале со всей командой сразу.
Примеры User flow
User flow приложение для учебы (Источник)
Ниже собраны 18 примеров user flow.
Как вы увидите, нет каких то стандартов, но общие принципы присутствуют.
Есть старт, действия, экраны, условия, завершение сценария.
А что будет внутри действия и насколько подробно будут показаны экраны зависит только от того как вам удобно работать.
Как вы увидите, нет каких то стандартов, но общие принципы присутствуют.
Есть старт, действия, экраны, условия, завершение сценария.
А что будет внутри действия и насколько подробно будут показаны экраны зависит только от того как вам удобно работать.
Отличия User flow от Customer journey map
CJM (Customer Journey Map) отражает весь путь человека от момента, когда он впервые узнаёт о продукте, до того, как он попробовал продукт, воспользовался им и поделился впечатлением.
Здесь важны эмоции и мотивация пользователя: что заставляет его искать решение и почему он выбирает ваш продукт.
User flow показывает действия внутри продукта, когда пользователь уже там.
Например, как он регистрируется, где нажимает «Купить», куда переходит после нажатия кнопки и так далее.
Это более узкая вещь, сфокусированная на экранах и кликах.
Обычно сначала делают CJM, чтобы понять, как человек в принципе оказывается в продукте и какие ощущения испытывает на разных этапах.
А уже после этого переходят к User flow, чтобы детально проработать, что человек видит и нажимает внутри самого продукта.
Здесь важны эмоции и мотивация пользователя: что заставляет его искать решение и почему он выбирает ваш продукт.
User flow показывает действия внутри продукта, когда пользователь уже там.
Например, как он регистрируется, где нажимает «Купить», куда переходит после нажатия кнопки и так далее.
Это более узкая вещь, сфокусированная на экранах и кликах.
Обычно сначала делают CJM, чтобы понять, как человек в принципе оказывается в продукте и какие ощущения испытывает на разных этапах.
А уже после этого переходят к User flow, чтобы детально проработать, что человек видит и нажимает внутри самого продукта.
Как вам материалы?
Об авторе:
Еще материалы по теме продакт менеджмента: