Если у вас магазин, вешает «купить» поверх фото, вне колонок: палец жмёт случайно или не попадает вовсе. Если у вас студия или услуги, так же выносит «оставить имя» пятном в угол, и форма заявки (имя или телефон, ещё не визит) живёт мимо сетки.
Что именно проверить
Если у вас магазин, боится кнопки в ряду: «как у всех тем, скучно». Если у вас студия или услуги, стыдится поля в колонке: «пусть заявка будет пятном, как в журнале». На улице палец ловит пятно мимо или жмёт его, листая фото.
Кнопка в сетке стоит в той же колонке, что цена или вилка, с воздухом вокруг, не поверх лица на фото. Адаптация шаблона (свои цвета, логотип, тексты и фото на готовых экранах) красит кнопку, не выносит её в слой. Повесить оплаты или заявки вне колонок ломает кассу и заявку.
Индивидуальный «коллаж с пятном» рисуют, потом вёрстка (сборка страниц по макету) не знает, к какой колонке якорить. Гость оценивает, попал ли с первого раза.
Как это выглядит на практике
Студия: 4–6 экранов, 8–15 услуг, поля и кнопка в одной колонке, те же дни. Вынести пятно «для характера» — 3–6 дней, 2–3 круга координат и +20–60 тысяч. На пальце промах и ложный клик по фото.
Свой коллаж с нуля — 400–900 и 8–12 недель. Разница в числе попаданий в оплаты или заявки. Висящая «купить» на фото товара закрывает артикул и цвет.
Висящая «заявка» на портрете закрывает лицо и не ведёт к полям: гость жмёт и не понимает, что дальше. Счёт за «поднимем пятно на 20 пикселей» (документ «заплатите»; деньги могут не прийти, а вёрстка) сборка живых страниц по макету — получит абсолютные координаты, которые разъедутся на 320 и на 1200. Бриф дизайна (одна страница) пишет: «кнопка в колонке, вне сетки не живёт».
- Кнопка вне колонок это промах или ложный клик.
- Характер делают цветом и фото, не пятном в воздухе.
- Магазин жмёт «купить» в ячейке карточки.
- Студия жмёт путь к имени в колонке услуги.
На чём считать результат
Если оплаты или заявки живёт поверх фото или в углу вне ряда — снимите слой. Кто ставит «ок», ткнёт сам: попадание должно быть скучным и верным.
- Найдите каждую кнопку вне колонок: герой, карточка, подвал. Выпишите экраны.
- Поставьте оплаты или заявки в ту же колонку, где число: цена магазина, вилка студии.
- Уберите абсолютное пятно с фото. Фото не кнопка.
- Запретите правку «вынесем для динамики». Это новый слой, не отступ.
- Пройдите клик на 320 и на 1200 при том, кто ставит «ок». Расхождение координат не принимают.
Что сделать дальше
Пример магазина: ««Купить» в колонке карточки, 50 позиций, пятно на фото не рисуем». Пример студии: «Кнопка к полям в колонке услуги, 10 позиций, журнал не копируем». Лист в бриф (короткое описание, что нужно от сайта).
Если дизайнер приносит «смелую композицию», верните палец и попросите попасть с первого раза. Остановитесь, когда оплаты или заявки сидит в ячейке на всех ширинах. Не возвращайте пятно после «ок», «чуть для характера».
- Найдите каждую кнопку вне колонок: герой, карточка, подвал. Выпишите экраны.
- Поставьте оплаты или заявки в ту же колонку, где число: цена магазина, вилка студии.
- Уберите абсолютное пятно с фото. Фото не кнопка.
- Запретите правку «вынесем для динамики». Это новый слой, не отступ.
- Пройдите клик на 320 и на 1200 при том, кто ставит «ок». Расхождение координат не принимают.
Назад в раздел
