Карта пути и пользовательский поток

Отдельный экран может быть идеальным, а весь путь — мучительным. Чтобы это увидеть, путь рисуют целиком.

«Пользователь судит не об экране, а о пути от желания до результата».

Два инструмента помогают увидеть опыт целиком. User flow (пользовательский поток) — схема всех шагов и развилок на пути к цели. Customer Journey Map (карта пути) — то же, но с эмоциями: где человек доволен, а где злится. Оба вскрывают проблемы, которые не видны на отдельных макетах.

User flow

Поток рисуют как блок-схему: прямоугольники — экраны/действия, ромбы — развилки («авторизован?»), стрелки — переходы. Видно, сколько шагов до цели, где тупики, где лишние развилки. Часто оказывается, что «простое» действие требует 7 экранов.

  USER FLOW: оформление заказа

  [Каталог] -> [Товар] -> [В корзину]
                              |
                              v
                          [Корзина] -> авторизован?
                                        /        \
                                     да/          \нет
                                     v             v
                                 [Оплата]      [Вход] -> [Оплата]
                                     |
                                     v
                                 [Готово ✓]

Карта пути с эмоциями

Journey Map добавляет к шагам эмоциональную линию: на каких этапах радость, а где раздражение. Провалы на этой линии — точки, которые нужно чинить в первую очередь. Часто боль не там, где её ждали.

  ЭМОЦИИ ПО ШАГАМ

  :)   ____                 ____
       /    \              /
  :|  /      \____        /
                  \      /
  :(               \____/
      выбор  корзина  ВХОД  оплата готово
                       ^
              провал: заставили регистрироваться

Как делают ПЛОХО

Проектируют экраны по отдельности, не глядя на путь. Каждый экран красив, но между ними человек делает 9 шагов и дважды вводит одно и то же. Поток никто не рисовал.

Как делают ХОРОШО

Сначала рисуют весь поток, считают шаги, убирают лишние развилки и точки боли (например, не заставляют регистрироваться до оплаты). Путь сокращается, эмоции выравниваются.

Инструмент	Показывает	Что находит
User flow	Шаги и развилки	Лишние шаги, тупики
Journey Map	Шаги + эмоции	Точки боли и раздражения

Чек-лист

Путь к цели нарисован целиком, а не по экранам.
Подсчитано число шагов до результата.
Найдены и убраны лишние развилки.
Отмечены точки эмоциональной боли.

В user flow важно различать счастливый путь (всё идёт идеально) и краевые случаи: ошибка оплаты, потеря связи, пустой результат поиска. Новички рисуют только счастливый путь и забывают, что половина боли живёт именно в исключениях — и именно там люди отваливаются.

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

Зачем размечать эмоции? Чтобы найти пики боли. По правилу «пик-конец» человек запоминает впечатление по самому острому моменту и по финалу, а не по среднему. Поэтому стоит чинить именно провалы, а не сглаживать всё подряд. И обязательно считайте шаги и клики: лишний экран на пути к цели — это потерянные пользователи, а воронка в аналитике точно покажет, на каком шаге люди отваливаются массово.

Возьмите за правило рисовать путь целиком до того, как полюбите хоть один отдельный экран. Пройдите его сами как пользователь: посчитайте шаги, отметьте, где приходится вводить одно и то же дважды, где система молчит, где возникает тревога «а правильно ли я делаю». Эти точки и есть ваша приоритетная работа — не косметика отдельных кнопок, а заминки между ними. Целый маршрут почти всегда вскрывает проблемы, которые невидимы при взгляде на красивые статичные макеты, потому что боль пользователя живёт в переходах, а не в картинках.

Итог

Целый путь важнее отдельного экрана. Нарисуйте поток и эмоции — и увидите, где люди буксуют, даже если каждый экран хорош.

Целый путь важнее отдельного экрана: проблемы живут в переходах между ними. Нарисуйте поток и эмоции, посчитайте шаги — и увидите, где люди буксуют, даже если каждый макет по отдельности безупречен.