Что такое User Flow и из чего состоит

Мы в REB8T делаем цифровые продукты, геймифицируем сервисы и превращаем обучение в увлекательные симуляции. Делимся кейсами с метриками, процессами и визуалом, а ещё практическими гайдами — от ChatGPT-анимации и mini app до Tilda/Shopify. Здесь только то, что можно применить завтра — честно, по делу и с любовью к деталям.

user flowпользовательский путьгеймификация

Про задачи пользователя мы писали в прошлом посте, а что делать, когда задачи определены? Собирать их в пользовательские пути

User FLow — это карта пути пользователя внутри продукта. Схема движения человека от точки А к точке Б: какие экраны видит, где может сделать выбор, как решения влияют на состояние интерфейса

С помощью User Flow можно анализировать, какие действия спрятаны от пользователя слишком далеко, где он теряется и уходит, а какие шаги можно объединить или убрать совсем. А после создавать креативные решения, улучшающие пользовательский опыт

Так и получилось на проекте Самолет Сити. Если коротко, это геймификация онбординга для сотрудников. Клиент обозначил задачи, которые стоят перед пользователем:

  • последовательное прохождение материалов
  • возможность повторного просмотра материалов
  • рейтинг игроков
  • уникальные ачивки
  • техническая поддержка
  • мини-игра

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


Все посты серии:

  1. Как работать с JTBD
  2. Портрет пользователя
  3. Что такое User Flow и из чего состоит (вы тут)
  4. Пять качеств хорошего User Flow
  5. Как построить User Flow?
  6. Как приоритизировать задачи в проекте по ICE
  7. UX-гипотеза
  8. Количественные и качественные исследования
Обложка: заголовок «Из чего состоит User Flow» на тёмном фоне и неоновая диаграмма пользовательского пути с узлами, стрелками и связями.
Обложка серии: схема пользовательского пути.
Слайд с блоками: точка входа, шаги, развилки и финал; тёмный минималистичный фон, прямоугольные карточки и линии, объясняющие структуру User Flow.
Структура User Flow: точка входа → шаги → развилки → финал.
Слайд «User Flow 1»: таблица с полями точка входа, шаги, корнер-кейсы, развилки и финал; пример последовательного прохождения материалов в геймификации.
Пример 1 — последовательное прохождение материалов.
Слайд «User Flow 2»: шаги для просмотра ачивок, карточки с корнер-кейсами и крупная иконка лупы; тёмная стилистика и акцент на навигации к достижениям.
Пример 2 — просмотр ачивок и соответствующие шаги.
Финал: скетч карты пользовательского пути для проекта Самолет Сити — схема с картой, базой знаний, обучающими событиями и навигацией в интерфейсе.
Скетч User Flow для проекта Самолет Сити.

Читайте так же