Сборка MVP: петля работает от и до

Техника сборки — из курса vibe coding (Lovable/Replit, итерации, откаты). Здесь разбираем то, что отличает продукт от поделки: порядок сборки и два слоя, про которые новички всегда забывают.

Скелет раньше красоты

Первая цель — вся петля проходится насквозь, пусть коряво: регистрация → действие → результат. Только потом полируем отдельные шаги. Почему именно так: самые страшные проблемы стыковки («шаг 3 невозможен без данных из шага 5») видны только на сквозной петле. Лучше поймать их в первый день, чем после недели вылизывания лендинга обнаружить, что продукт в принципе не проходится до конца.

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

Сократовская пауза

Ты открыл продукт впервые. Что ты видишь на первом экране? Не готовый список задач, не заполненную ленту — а пустоту. И вот тут решается, останешься ты или закроешь вкладку. Подумай: что должно быть на этом пустом экране, чтобы ты понял, что делать?

Слой 1: пустые состояния

У нового пользователя ноль данных: пустой список, пустая история. Поделка показывает голую пустоту, продукт — ведёт: «Пока нет записей. Загрузи первую — вот кнопка». Заказ ИИ: «Для каждого списка и экрана сделай пустое состояние: что это, зачем оно, и кнопка первого действия». Первое впечатление живёт именно здесь — на экране, который поделки оставляют пустым.

Слой 2: человеческие ошибки

Файл не тот, интернет мигнул, оплата не прошла. Поделка молчит или пугает кодом вроде «Error 0x80070057». Продукт объясняет и предлагает выход: «Файл больше 100 МБ — сожми или разбей на части». Формула хорошего сообщения: что случилось + что сделать. Заказ: «Все ошибки — человеческим языком: что случилось и что делать. И покажи мне список всех сообщений об ошибках» — последнее позволит отредактировать все тексты разом, единым голосом.

Частые мифы новичка

• «Ошибки — редкий случай, потом допишу». Ошибки увидит каждый третий на первом же заходе: не тот формат, мышь дрогнула, сеть моргнула. Это не край, это центр опыта.
• «Мне и так понятно, значит понятно всем». Ты знаешь продукт изнутри — ты слепой тестировщик. Понятно должно быть тому, кто видит экран впервые.
• «Сделаю красиво, потом проверю логику». Наоборот: сначала работающая петля, потом красота. Красивый нерабочий продукт — это дорогая картинка.

Тест «чужими руками»

Знакомый по прошлым курсам приём — теперь обязательный этап приёмки. Человек из целевой аудитории проходит петлю при тебе, молча, а ты не подсказываешь и не оправдываешься — только смотришь, где он споткнулся. Стив Круг в книге «Не заставляйте меня думать» показал: чтобы найти большинство проблем, хватает 3–5 живых человек, дорогая лаборатория не нужна. Три спотыкания = три задачи на завтра. Полируй петлю, пока свежий человек не проходит её без единого вопроса — это и есть готовность MVP.

Разбор ошибки: полировка не той детали

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

Мостик к другим курсам

Итерации, откаты к рабочей версии и работа с ИИ-ассистентом — техника из курса vibe coding. А пустые состояния и человеческие ошибки, которые ты закладываешь здесь, напрямую влияют на конверсию в первую ценность — метрику из урока про аналитику этого курса. Всё связано: то, что ты строишь сейчас, ты будешь мерить потом.

Сделай сейчас (5 минут)

Открой свой черновик продукта и найди первый экран нового пользователя. Пустое состояние ведёт его к первому действию или просто пусто? Если пусто — сформулируй заказ ИИ на пустые состояния прямо сейчас, пока не забыл.