Если у вас магазин, просит шесть узких карточек в ряд на широком экране: «больше товара сразу». Если у вас студия или услуги, так же втискивает шесть услуг и хоронит форму заявки — имя или телефон, ещё не визит.
Что именно проверить
Если у вас магазин, боится, что три карточки «мало показывают ассортимент». Если у вас студия или услуги, стыдится одной услуги на экране телефона: «как будто у нас пусто». На улице гость видит шесть нечитаемых цен и ни одной кнопки.
Макет (картинка экрана, ещё не сайт) врёт на широком мониторе. Пока спорят про «больше в ряд», касса и заявка (имя или телефон, ещё не визит) тонут в узких ячейках. Стыд короткого ряда сильнее страха промаха пальцем.
Ширина карточки это место для фото, цены и кнопки, не витрина склада. Три на десктопе и одна под пальцем — ритм, который уже собран в теме. Адаптация шаблона (свои цвета, логотип, тексты и фото на готовых экранах) не меняет число в ряд «чтобы вместить 80 позиций».
Восемьдесят позиций живут в каталоге и фильтре, не в первом ряду. Индивидуальный макет ради шести узких плиток рисуют неделями и ломают кассу. Гость не считает, сколько плиток вы втиснули.
Гость ищет одну карточку, которую можно нажать.
Как это выглядит на практике
Сжать до шести в ряд «чтобы всё видно» — неделя перекладки, 2–4 круга по 3–5 рабочих дней и +40–90 тысяч: цена мельчает, кнопка уезжает, на телефоне каша. Нарисовать свою ширину с нуля — 400–900 и 8–12 недель. Разница в том, читает ли палец цену в одной ячейке.
Длинные названия в узкой карточке ломают высоту ряда: магазин с «комплектом на 12 символов в макете» получает простыню в живой витрине. Студия с коротким «консультация» в макете и живым «сопровождение запуска на 8 недель» получает разную высоту плиток. Счёт за выравнивание после запуска — документ «заплатите»; деньги могут не прийти, а глаз уже прыгает.
Вёрстка (сборка живых страниц по макету) повторит число в ряд, которое утвердили. Бриф дизайна (одна страница) пишет «3 на широком, 1 на пальце».
- Три карточки в ряд на широком экране — норма темы, не бедность.
- Шесть узких плиток прячут цену и кнопку.
- Магазин показывает ассортимент каталогом, не первым рядом.
- Студия показывает услуги списком, не шестью марками на 1920.
На чём считать результат
Возьмите три своих карточки магазина и три услуги студии с живыми названиями, не с короткими демо. Если цена и кнопка читаются — число в ряд не трогают. Если хочется шесть, сначала уберите текст и цену: так вы увидите, что просите.
- Выберите 10 живых названий из прайса, не демо «Товар 1».
- Поставьте их в сетку темы: 3 на широком, 1 на телефоне.
- Запишите, где цена и кнопка ещё видны. Это ваше число в ряд.
- Запретите шестой столбец на запуск. Лишнее — в каталог и страницу 2.
- Покажите оба кадра тому, кто ставит «ок», не только широкий монитор.
Что сделать дальше
Пример магазина: «3 карточки на широком, 1 на пальце, 60 позиций в каталоге, шесть в ряд не просим». Пример студии: «1 услуга на телефоне, 3 на широком, 10 услуг списком, узкие марки не рисуем». Лист в бриф (короткое описание, что нужно от сайта).
Если дизайнер приносит шесть плиток «чтобы витрина плотная», верните живые названия и телефон. Остановитесь, когда на улице читается одна карточка и одна кнопка. Не добавляйте столбец после «ок», потому что «ещё влезет».
Шестая узкая плитка подождёт этап 2, если когда‑нибудь понадобится витрина‑плакат, не касса.
- Выберите 10 живых названий из прайса, не демо «Товар 1».
- Поставьте их в сетку темы: 3 на широком, 1 на телефоне.
- Запишите, где цена и кнопка ещё видны. Это ваше число в ряд.
- Запретите шестой столбец на запуск. Лишнее — в каталог и страницу 2.
- Покажите оба кадра тому, кто ставит «ок», не только широкий монитор.
Назад в раздел
