Путь пользователя без тупиков и пустых экранов
Каждый шаг с понятным действием, подтверждением и состояниями «пусто», «успех», «ошибка»
Какую задачу решает
Описать путь пользователя и проверить его на тупики и пустые состояния
Что будет на выходе
Путь из 4–7 шагов, найденные дыры и три состояния экрана: пусто, успех, ошибка
- Кому подойдёт
Вайбкодер, у которого ИИ собирает красивые экраны, а между ними пользователь теряется
- Тема
- Вайбкодинг
- Инструменты
- любой ИИ-чатClaude Code
Что это
Путь пользователя — это короткая цепочка от входа до результата: «понял предложение → оставил данные → увидел подтверждение → понял следующий шаг». Если её не описать заранее, ИИ соберёт красивые экраны, между которыми человек теряется: нажал кнопку — ничего не произошло, отправил форму — непонятно, ушла ли заявка, открыл пустой список — непонятно, что делать.
Промпт делает две вещи:
- Расспрашивает тебя по шагам: с чего человек начинает, что делает, что видит после каждого действия, чем всё заканчивается.
- Проверяет путь на типичные дыры: шаг без действия, действие без подтверждения, тупик, просьбу оставить контакт раньше, чем человек получил пользу, лишнюю серверную часть.
На выходе — путь из 4–7 шагов и три главных состояния экрана: пусто, успех, ошибка. Это готовая основа для ИИ-агента и для теста на живых людях.
Как использовать
- Вставь фразу о продукте и черновик пути — хотя бы через стрелки.
- Отвечай на вопросы с точки зрения человека, который видит продукт впервые.
- Проверь итоговые тексты подтверждений: они должны быть честными. Если заявка пока сохраняется только в браузере, так и напиши, без обещания «мы свяжемся с вами».
- Если работаешь с агентом в папке проекта, попроси записать результат в FLOW.md.
Три состояния, о которых ИИ забывает
Когда просишь «сделай страницу со списком заказов», модель рисует экран, где заказов пять и все с аккуратными названиями. У нового пользователя их ноль. Он видит пустую таблицу с заголовками и не понимает, сломалось что-то или так и задумано.
Поэтому у каждого экрана со списком или формой стоит заранее описать три состояния:
- пусто — одна фраза о том, что здесь появится, и кнопка первого действия: «Заказов пока нет. Создать первый»;
- успех — подтверждение, которое видно без прокрутки, и ответ на вопрос «что дальше»;
- ошибка — понятный текст вместо «Error 500» и способ попробовать снова, не потеряв введённое.
Добавить их в задание агенту — три строчки текста. Переделывать готовый интерфейс, когда первые пользователи уже потерялись, заметно дольше.
Дальше — для участников
Регистрация бесплатная и занимает минуту. Часть закрытых материалов откроется сразу, без карты.
Что дальше
Отдай путь агенту вместе с первой задачей из План сборки, где каждый шаг можно проверить руками. Если шагов вышло больше семи, сначала урежь функции в Первая версия без лишнего. А если хочешь пройти весь путь от идеи до работающего экрана с подсказками на каждом шаге, курс Первый экран ведёт по шести шагам без кода — 990 ₽.
