Проект в Lovable: как проверять гипотезы и сохранять рабочие версии
Как вести проект Lovable по небольшим гипотезам: исходный промпт, история версий, Preview, Remix и проверка перед публикацией.
У тебя уже есть проект в Lovable, но после нескольких запросов непонятно, какая версия была рабочей и почему изменился основной сценарий. Решение — вести проект как серию небольших продуктовых экспериментов: одна гипотеза, одно изменение, понятная проверка и сохранённая точка возврата.
Разберём это на учебном сервисе записи на интервью. Задача продакта — проверить, понимает ли участник, как выбрать время и что произойдёт после подтверждения. Для упражнения достаточно интерфейса с учебными слотами, без реального календаря и отправки писем.
1. Определи границы проекта
Назови проект по задаче, например «Запись на интервью — проверка выбора времени». В отдельной заметке сохрани аудиторию, сценарий и ограничения. Не смешивай здесь поиск респондентов, оплату исследования и аналитику всего продукта.
Вот готовый исходник упражнения для нового проекта или отдельной учебной копии:
Создай учебный прототип записи на продуктовое интервью.
Аудитория: действующий пользователь сервиса заявок.
Путь: описание интервью → выбор одного слота → подтверждение.
Учебные слоты: 6 октября 2026, 10:00 и 14:00; 7 октября, 11:00.
Часовой пояс: Europe/Belgrade. Продолжительность: 30 минут.
После выбора покажи дату, время, пояс и кнопку подтверждения.
После подтверждения покажи выбранный слот и возможность вернуться.
Явно обозначь: это демонстрация, реальная запись не создаётся.
Не подключай календарь, оплату, email и регистрацию.
Сделай состояния: слот не выбран, слот выбран, подтверждение.Такой текст описывает проверяемое поведение. Дизайн можно уточнить позднее. Если нужен именно первый сайт с нуля, начни с нашего руководства по Lovable; здесь фокус на управлении дальнейшими изменениями.
2. Сохрани рабочую точку в истории
Lovable автоматически создаёт версии изменений. Открой History в верхней панели, выбери нужную версию и посмотри её состояние. Для стабильной версии используй Bookmark. Доступны просмотр старого состояния и возврат через Revert; порядок описан в документации истории.
Перед закладкой пройди весь учебный сценарий. Нажми подтверждение без выбранного времени, затем выбери слот и проверь итог. Внешне аккуратная страница ещё не является рабочей точкой возврата.
Сохрани рядом короткую запись: «База: три слота, подтверждение показывает время и пояс, назад возвращает к выбору». Она объясняет, что именно считается исправным. Если версия перестала открываться, сначала локализуй ошибку Lovable, затем продолжай эксперимент.
3. Попроси одно изменение
Учебная гипотеза: участнику трудно понять, выбран ли слот. Это пока предположение, а не результат исследования. Сделай выбранное состояние заметнее и оставь остальные шаги прежними.
В текущем прототипе улучши только подтверждение выбора времени.
Выбранный слот должен иметь заметное состояние и текст «Выбрано».
Перед кнопкой подтверждения покажи дату, время и часовой пояс.
При выборе другого слота старое выделение снимается.
Не меняй список слотов, текст приглашения и структуру экранов.
Сначала перечисли критерии проверки, затем внеси изменение.Ограничение области правки помогает понять её эффект. Если одновременно изменить текст приглашения, порядок слотов и форму контактов, останется неясно, из-за чего участник стал проходить путь иначе.
Моя рекомендация: называй эксперимент действием пользователя: «выбрать время без подсказки». Это полезнее задания «сделай современный интерфейс»: у действия есть наблюдаемый результат и причина остановить правки.
4. Проверь сценарий в Preview
Открой Preview и проверь обычный экран и узкий мобильный размер. Lovable позволяет просматривать приложение на разных размерах и проходить сценарии до публикации — см. официальную инструкцию Preview.
| Действие | Что должно произойти |
|---|---|
| Подтвердить без выбора | Понятное объяснение, что нужно выбрать время |
| Выбрать первый слот | Ровно один слот отмечен, дата и пояс видны |
| Переключиться на второй | Выделение и итоговая строка обновились вместе |
| Подтвердить выбор | Итог совпадает с выбранным слотом |
| Вернуться назад | Пользователь может изменить выбор |
| Открыть на телефоне | Кнопки и итог читаются без горизонтальной прокрутки |
Добавь проверку смысла: участник должен понимать, что это учебная демонстрация. Надпись «письмо отправлено» недопустима, если отправки нет. Для настоящего сервиса подтверждение должно соответствовать записи в календаре или базе — эту интеграцию проверяют отдельно.
На пользовательском показе попроси: «Выбери удобное время и скажи, что произойдёт дальше». Не подсказывай, какую кнопку нажать. Запиши конкретное наблюдение, например место остановки и вопрос участника. Один успешный показ подтверждает прохождение сценария этим человеком, но не доказывает рост конверсии.
5. Реши: сохранить, откатить или создать копию
Если критерии выполнены, отметь новую рабочую версию и запиши, что изменилось. Если ухудшился основной путь, сначала просмотри предыдущую версию, затем используй возврат. Откат интерфейса не следует считать отменой уже отправленных писем или других внешних действий.
Когда нужна независимая альтернативная концепция, используй Remix из меню проекта или Project settings. По документации это отдельная копия, которая не синхронизируется с оригиналом. Она не переносит данные базы, секреты, домены и состояние публикации. Подробности — в справке Remix.
Для нашего учебного прототипа можно сравнить два подхода: список слотов и пошаговый выбор даты, затем времени. Дай копии понятное имя и одинаковую задачу проверки. Не включай публичное копирование проекта только ради показа участнику: для просмотра используй подходящий preview-доступ.
6. Зафиксируй решение перед публикацией
В журнале эксперимента достаточно одной строки: гипотеза, ссылка на версию, проверенные сценарии, наблюдение, решение. Не заполняй наблюдение предполагаемым успехом. До исследования пиши «ещё не проверено на участниках».
После публикации повтори основной путь по публичному адресу: Preview и опубликованная версия должны соответствовать ожидаемому состоянию. Для реальной записи добавь проверку календаря, часового пояса и повторного подтверждения до приглашения пользователей.
Что проверено для статьи: инструкции по истории, копированию и Preview сверены с официальной документацией. Промпты и критерии — подготовленное учебное упражнение; проект в Lovable не создавался и пользовательские тесты не проводились. Для дальнейшей работы пригодятся бриф сайта и курс по созданию продуктов с ИИ.
Преврати ИИ-инструменты в рабочую систему
«Быстрый старт в AI»: практические воркшопы по AI-инструментам, прототипам и автоматизации. Собираем результат, который можно применить в работе.
21 практических воркшопов · записи · вопросы автору в чате
Посмотреть программу курса ↗