2learn

Поток

Что это такое

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

Почему это важно

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

Ключевые идеи

Считайте шаги до цели

Напишите самый короткий путь и посчитайте его шаги. Затем посчитайте их для случаев, которые не являются счастливым путём: пользователь, который возвращается, пользователь, которому нужно посмотреть что-то по ходу задачи, и пользователь, который ошибся.

Счастливый путь       4 шага    (поиск -> товар -> корзина -> оплата)
Возвращающийся        3 шага    (повторный заказ -> адрес -> оплата)
Нужна квитанция       7 шагов   (выйти, найти заказ, скопировать номер, вернуться)

Третья строка — та, которую стоит переделать.

Сделайте «Назад» предыдущим шагом

Жест «назад» в браузере или системе не должен терять работу или выводить из потока. Держите состояние на сервере или в URL, чтобы предыдущий шаг оставался шагом, а не перезапуском.

Разрешайте движение в сторону

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

Запрашивайте информацию, когда она нужна, а не когда удобно

Собирать всё в начале, чтобы обойтись без второго круга, кажется эффективным для системы — однако для пользователя это оборачивается ростом отказов. Спрашивайте на том шаге, где ответ используется.

Никогда не повторяйте шаг молча

Если шаг приходится повторить — повторная аутентификация, подтверждение, — скажите почему. Повтор без объяснения читается как баг и стоит доверия.

Практика

Нарисуйте один поток и посчитайте шаги

Возьмите свою основную задачу и нарисуйте её квадратами и стрелками, включая путь пользователя, который возвращается, и путь ошибки. Посчитайте шаги в каждом.

Готово, когда: у вас есть счёт шагов для трёх путей, и вы можете назвать шаг, который убрали бы первым.

Проверьте прерывание

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

Готово, когда: поток возобновляется там, где вы его оставили, или вы выписали, какой именно шаг пришлось повторить.

Частые ошибки

  • Оптимизация только счастливого пути — пути возвращающихся и ошибок остаются длинными и дорогими; исправить: считайте шаги для трёх путей, а не одного.
  • «Назад» выходит из потока — пользователь теряет задачу и начинает заново; исправить: сохраняйте состояние, чтобы «назад» был предыдущим шагом.
  • Пользователя держат до конца — он не может проверить цену или адрес по ходу; исправить: разрешите движение в сторону, сохраняющее прогресс.
  • Данные собирают заранее — отказы растут уже на первом шаге; исправить: спрашивайте каждый пункт на том шаге, где он используется.
  • Шаг повторяется без объяснения — пользователь читает это как баг; исправить: скажите, почему шаг повторяется и сколько потоку осталось.

Что читать дальше

Разобранные примеры

Файлы cookie аналитики ставятся только с вашего согласия. До вашего выбора ничего не загружается и никуда не отправляется.