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