Урок 1 из 5

План сайта

8 минут

Сформулируйте задачу, изучите похожие сайты вместе с агентом и согласуйте структуру до начала разработки.

Агент не умеет угадывать. На запрос «сделай сайт с каталогом» он придумает недостающее сам: свои поля, свои страницы, свои названия разделов. Дальше уйдёт 5–10 запросов на то, чтобы переделать придуманное под то, что вам действительно нужно.

Поэтому начинаем с одного запроса, в котором вы рассказываете про свой сайт и просите не код, а план. Заодно агент посмотрит, как устроены похожие сайты, — потому что объяснить словами, что должно быть на первом экране и в каком порядке идут блоки, новичок не может, а он это увидит.

Готовый запрос
Я хочу создать свой сайт. Тип сайта: [что это за сайт] Целевое действие: [одно действие, которое посетитель должен совершить перед уходом] Для кого: [кто посетитель и что он ищет] Повторяющиеся объекты: - [объект]: [поля через запятую] - [объект]: [поля через запятую] Страницы: [от 4 до 7 названий] Нельзя: - [ограничение] - [ограничение] Пока не пиши код, а создай план по структуре сайта, который мы вместе с тобой подтвердим. Для структуры найди в интернете 4–5 сайтов моего типа. Разбери, как устроены их страницы, и сведи в файл reference.md: — что размещено на первом экране главной; — как устроен список объектов: что показано на плитке, какие фильтры и сортировки; — в каком порядке идут блоки на странице отдельного объекта; — где расположено главное действие. Оставь только то, что встречается у большинства. Всё, что понадобится дальше, запиши в файлы проекта сам — я не хочу повторять эти вводные в каждом запросе.

Как заполнять

Целевое действие — ровно одно: оставить заявку, позвонить, перейти на страницу товара, написать в мессенджер. Два действия означают две конкурирующие кнопки и посетителя, который не понял, что от него хотят. Второе допишете позже, когда основное заработает.

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

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

Так выглядит заполненный запрос для каталога обучающих курсов:

Как заполнять
Я хочу создать свой сайт. Тип сайта: каталог обучающих курсов Целевое действие: посетитель переходит на страницу курса на сайте школы Для кого: человек выбирает, где учиться, сравнивает варианты Повторяющиеся объекты: - Курс: название, школа, направление, цена, длительность, уровень, ссылка - Школа: название, описание, логотип Страницы: главная, направление, карточка курса, страница школы, о проекте Нельзя: - придумывать курсы, школы, цены и отзывы - добавлять регистрацию и личный кабинет

Подтвердите план

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

Убрать что-нибудь нужно почти наверняка. Если вы согласились со всем, значит, не выбирали: сайт выйдет перегруженным, а каждый лишний блок — это ещё и правки в будущем. Проверяйте вопросом: без этого посетитель сможет совершить целевое действие? Сможет — значит, решение необязательное.

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

Подтвердите план
План принимаю, кроме нескольких пунктов. Убираем: [что убрать]. Добавляем: [чего не хватает]. Обнови файлы и покажи итоговый план. Код пока не пиши.

Что получилось

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

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

Если начнёте новый диалог с агентом, скажите одну фразу — «посмотри файлы проекта» — и продолжайте.