Правки: по скриншоту и словами

Вносите точечные изменения по скриншоту или одной фразой, не затрагивая остальные части сайта.

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

Правка по скриншоту

Объяснить словами, что не так с внешним видом, тяжело даже опытному человеку. «Как-то криво» агент выполнить не может, а начнёт угадывать — и переберёт половину страницы. Скриншот снимает эту проблему: вы показываете место, а не описываете его.

Скриншот делается сочетанием Win + Shift + S на Windows и Cmd + Shift + 4 на Mac. Отметьте проблему любым способом: обведите, поставьте стрелку, просто вырежьте нужный участок. Красоты не нужно.

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

Если не получается назвать проблему, не ищите причину — опишите, что видите. «Карточки в списке разной высоты» вместо «плитка выглядит рвано». «Цена наезжает на кнопку» вместо «что-то с ценой». «Между блоками нет отступов, они слиплись» вместо «тесно». «На узком экране кнопка уехала за правый край» вместо «на телефоне ломается». Если фраза начинается со слов «наверное, там…», это догадка, и агент пойдёт проверять её вместо проблемы.

Правки словами

Когда элемент можно назвать словами, скриншот не нужен. Всё, что настраивается в каталоге, на карточках и на главной, правится одной фразой:

Другие примеры того же вида:

• «на карточке покажи ещё длительность»;
• «карточки слишком высокие, сократи описание до двух строк»;
• «в фильтре по цене сделай не список, а диапазон от и до»;
• «сортировку по цене по возрастанию сделай по умолчанию»;
• «на странице товара перенеси цену выше, сразу под названием»;
• «блок с характеристиками убери в самый низ»;
• «на главной покажи шесть позиций вместо трёх»;
• «блок „как это работает“ убери с главной совсем»;
• «заголовки слишком крупные, уменьши на всех страницах»;
• «между блоками мало воздуха, добавь отступы».

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

На что стоит обратить внимание

Три вещи, которые новичок обычно не замечает, а посетитель замечает сразу.

Действий на карточке и странице товара должно быть по одному. Если рядом с главной кнопкой появились «в избранное», «сравнить», «поделиться», посетитель не понимает, что от него нужно. Скажите: «оставь на первом экране только кнопку [название], остальное убери вниз мелкой ссылкой».

Блоков на главной не больше пяти. Спросите про каждый: он помогает дойти до целевого действия или просто занимает место?

На карточке 3–5 полей. На ней должно быть ровно то, что нужно для решения «открывать или нет». Остальное — на странице товара.

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

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

*Стоит проверить:* после каждой правки открывайте две другие страницы, где есть тот же элемент. Это самый пропускаемый шаг — правка сделана, вы идёте дальше, а на соседней странице блок съехал.

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