
Разбор для бизнеса · Опубликовали 08.10.2026
Кликабельный прототип проверяет путь пользователя до заказа рабочего кода агентам
Проверяем сценарий на макете, записываем затруднения и передаём агентам задачи на рабочие функции. Что принять до первой реализации.
Текст собран машиной агентов под надзором инженера, который ведёт vibecoding.ru · факты проверены 8 октября 2026
Кликабельный прототип помогает проверить путь от первого экрана до заявки, пока изменения ещё можно внести в макет.
Разберём приёмку макета и передачу работы агентам на учебном примере: своего клиентского кейса проверки интерфейса у нас пока нет.
Не хотите разбираться сами? Внедряем ИИ в ваш бизнес: задачи без лимита, одна цена в месяц, отмена в любой момент.
1. Прототип проверяет путь, а рабочую систему принимают отдельно.
Что подтверждает макет с кнопками? Человек может пройти задуманный сценарий. Сохранение заявки, отправку письма и оплату проверяют уже в рабочем сервисе.
Кликабельный прототип связывает экраны переходами. В редакторе Figma можно собрать такой путь и дать ссылку участнику проверки.
Прототип бывает и сайтом на временных данных. GOV.UK в руководстве по прототипам предупреждает: его код нельзя автоматически считать готовым к рабочему выпуску.
Кнопка на макете и функция в сервисе требуют разных доказательств.
GOV.UK, Making prototypes, проверено 08.10.2026. Разделение проверок и пример заявки — редакционная схема, не результаты эксперимента.
2. Для первой проверки хватает одного законченного сценария.
Начинают с цели пользователя. В нашем учебном примере человек хочет записаться на консультацию и понять, когда и на каких условиях она состоится.
В макете нужен путь до этого результата. Каталог всех будущих функций не поможет выяснить, понял ли человек, что произошло после записи.
Для проверки берём вымышленные контакты. Данные клиентов в разработке требуют отдельного решения; для разбора переходов они не нужны.
Каждый экран отвечает на вопрос сценария.
Учебный сценарий редакции на основе метода GOV.UK, 08.10.2026. Это состав проверки, не обязательное число экранов.
3. Пользователь проходит путь без подсказок, а команда записывает затруднения.
Согласовать макет с владельцем и проверить его на пользователе нужно отдельно. Владелец знает замысел; будущий клиент впервые видит интерфейс.
Участнику дают цель: «Запишитесь на подходящее время и выясните, как подтвердить запись». Инструкция «нажмите кнопку справа» подсказывает решение и скрывает затруднение.
GOV.UK рекомендует наблюдать выполнение задачи и просить участника проговаривать мысли. Для проверки нужны вероятные пользователи сервиса, а не только его авторы.
Событие в сценарии полезнее оценки «мне нравится».
GOV.UK, Using moderated usability testing, проверено 08.10.2026. Строки — возможные сигналы учебного примера, не наблюдения за нашими клиентами.
Замечание превращают в решение о макете. «Непонятное подтверждение» уточняют до наблюдения: человек не смог сказать, записан ли он на выбранное время.
Правку показывают в следующем проходе сценария. Проверяют тот же вопрос, иначе новый набор впечатлений не объяснит, помогло ли изменение.
Открытые вопросы сохраняют вместе с версией макета. Решение «нужно проверить» не должно незаметно стать принятой функцией в заказе разработки.
У проверки остаётся запись, которую можно передать разработчику.
Редакционный шаблон фиксации исследования, 08.10.2026. Запись не содержит выдуманных результатов или персональных данных участников.
4. Проверенный путь превращают в задачи с критериями приёмки.
Агенту нужна задача на поведение сервиса. Ссылка на макет объясняет внешний вид, а описание сценария задаёт, что должно произойти после действия.
Для постановки задачи агенту фиксируют результат, ограничения и способ проверки. «Сделайте как на картинке» оставляет агенту придумывать правила продукта.
Прототип и описание согласованного поведения кладут рядом с кодом в репозитории клиента. Отдельно отмечают временные данные и места, которые ещё предстоит решить.
Одно действие на макете становится проверяемой функцией.
Учебный пример редакции, 08.10.2026. Это предлагаемые критерии реализации, не обещание уже работающих функций.
Правила, которые макет скрывал, решает владелец продукта. Например, что увидит человек, если выбранное время заняли, пока он вводил контакты.
Приёмка кода проходит по согласованному сценарию и по ошибкам вокруг него. Красивый экран успеха не подтверждает, что запись появилась в системе.
Прототип остаётся эталоном пути после старта разработки. Если ограничение рабочего сервиса меняет переходы, команда возвращается к макету и проверяет изменённый шаг.
Передача закончена, когда у задач есть доказательство готовности.
Редакционный шаблон передачи в разработку, 08.10.2026; цикл задачи разобран в статье о постановке задач агенту.
5. Наш опыт подтверждает необходимость проверок, а не результат клиентского исследования.
На vibecoding.ru инженер ведёт машину агентов. На 8 октября 2026 открытый счётчик сайта показывает 7 107 коммитов за 99 дней.
Счётчик считает изменения основной ветки с 1 июля 2026. Это следы работы над сайтом, а не число проверенных прототипов или довольных клиентов.
Наши поломки объясняют, зачем проверять согласованный путь после реализации. Агент ошибался в чертеже будущего экрана и в описании действий, а рабочий сайт скрывал готовый текст.
После поломки меняют конкретное правило проверки.
17.07
Агент подготовил чертёж будущего экрана по старым образцам, мимо записанного канона. Во входной документ добавили маршрут к канону и запрет копировать старые чертежи.
02.09
Анимация скрывала готовый первый экран до загрузки скриптов. Первый экран исключили из скрывающей анимации.
19.09
Агент придумал названия кнопок в инструкции. После сверки с живым экраном инструкцию исправили; путь кликов проверяют по самому интерфейсу.
Журналы машины vibecoding.ru, первичные записи этих дат перечитаны 08.10.2026. Это ошибки нашей машины, не клиентские исследования интерфейса.
Описание проекта и цикл задачи мы разбираем в курсе агентной разработки. Уроки про правила, задачи и проверки относятся к сборке рабочего кода.
Этот опыт даёт порядок работы: записать решение, поручить изменение, проверить результат. Чтобы понять, удобен ли путь новому клиенту, требуется наблюдение за ним.
После сборки снова проходят сценарий на рабочей версии. Теперь проверяют и переходы, и фактическую запись заявки, и обработку ошибки отправки.
6. Подписка нужна для потока разработки после прототипа.
На странице разработки по подписке тариф «Один проект» стоит 250 000 ₽ в месяц. Цена проверена 8 октября 2026; это поток разработки.
Сценарий оффера обещает первый прототип через 48 часов. Это условия предложения на дату проверки, а не замер нашего клиентского исследования.
После согласования пути продукт растёт задачами в репозитории клиента. Сохранить заявку и отправить подтверждение становятся отдельными проверяемыми результатами.
Отдельный макет можно собрать с дизайнером или своей командой. Подписка имеет смысл, когда за проверкой пути последуют рабочие функции и дальнейшие изменения.
До заказа стоит согласовать, кто покажет прототип пользователям и кто примет результат. Само наличие кликабельной ссылки ещё не означает проведённого исследования.
Для обсуждения первого сценария можно перейти к разбору проекта. На встречу нужен желаемый результат пользователя и список ещё открытых решений.
Что и как мы проверяли
| Факт | Что известно | Проверено |
|---|---|---|
| Метод проверки | Прочитали официальные руководства GOV.UK о прототипах и наблюдении за выполнением задач, документацию Figma о связанных экранах. Они описывают метод, а не гарантируют экономию или конверсию | 2026-10-08 |
| Счётчик сайта | Живой /open: 7 107 коммитов за 99 дней на странице. Счёт основной ветки с 1 июля 2026, срез 8 октября. Это изменения сайта, не число клиентских результатов | 2026-10-08 |
| Условия подписки | Живой /services: «Один проект» 250 000 ₽/мес, первый прототип через 48 часов. Это цена потока разработки и сценарий оффера на дату проверки; клиентский срок не измеряли | 2026-10-08 |
| Поломки машины | Первичные записи журналов 17 июля, 2 и 19 сентября 2026 перечитаны. В первой истории был чертёж будущего экрана. Истории показывают ошибки сборки и проверки, а не результаты пользовательского исследования | 2026-10-08 |
| Учебный сценарий | Таблицы записи на консультацию составлены редакцией как пример вопросов, наблюдений и критериев приёмки. Своего клиентского кейса проверки интерфейса у нас пока нет | 2026-10-08 |
7. Частые вопросы
Как сделать кликабельный прототип?+
Выберите цель, нарисуйте нужные состояния и свяжите их переходами. Дайте ссылку человеку, который мог бы пользоваться продуктом, и проверьте, достигает ли он цели без подсказок.
Обязательно ли писать код для прототипа?+
Нет. Для проверки переходов подходят связанные макеты. Прототип в коде нужен, когда исследование зависит от поведения формы, клавиатуры или браузера.
Сколько экранов нужно?+
Столько, сколько требуется для выбранного сценария и важных отклонений. Число экранов не служит критерием готовности: важнее, можно ли дойти до результата и исправить ошибку.
Можно ли сразу отдать макет агенту?+
Можно поручить ему черновик. Для рабочей реализации нужно отдельно описать сохранение данных, ошибки и критерии приёмки, которые картинка не задаёт.
Доказывает ли прототип, что люди купят продукт?+
Нет. Прохождение пути показывает понятность интерфейса для участников проверки. Готовность платить проверяют предложением и поведением покупателей, а не переходом на нарисованный экран успеха.
Источники
- GOV.UK, Making prototypes (18 октября 2016) — официальное руководство
- GOV.UK, Using moderated usability testing — официальное руководство
- Figma, Guide to prototyping in Figma — документация
- YuSMP, «Почему мы так любим кликабельные прототипы» — блог разработчика
- vibecoding.ru, открытый счётчик сайта (срез 8 октября 2026) — наши данные
- vibecoding.ru, разработка по подписке (условия 8 октября 2026) — наше предложение
- vibecoding.ru, курс «Агентная разработка» — наш курс
Запомнить
1. Прототип проверяет путь. Назовите результат, к которому должен прийти пользователь.
2. Дайте участнику цель без подсказки кнопок. Запишите, где понадобилось объяснение.
3. Исправьте затруднение и повторите проверку того же шага.
4. Передайте агентам сценарий и критерии приёмки каждой рабочей функции.
5. Пройдите путь на готовом сервисе и проверьте результат в системе.