Макет 1920 кажется главным: владелец магазина смотрит витрину на большом мониторе, владелец студии листает чужие сайты в браузере на столе. Гость жмёт пальцем. Бриф без телефона — две страницы про картинку, которой человек с одной рукой в очереди не пользуется.
«Адаптив потом» значит перерисовать путь после приёмки. На этой неделе жест кассы или заявки проходят на телефоне вслух, до серых экранов шириной с десктоп. Палец — единица проекта, не уточнение в конце.
Проблема
Владелец магазина боится, что на телефоне «не представительно»: мало места для 40 плиток. Владелец студии стыдится короткого экрана и хочет широкое портфолио. Жадность откладывает телефон: «сначала согласуем красоту, сожмём позже». Позже сжимают то, что уже приняли. Кнопка оплаты уезжает под длинный текст. Форма заявки — имени и телефона, ещё не визита — требует щипка и горизонтали. Гость бросает. Вы вините трафик. Трафик был с телефона с первого дня.
Телефон в двух страницах — не слово «адатив». Это правило: все экраны пути смотрят пальцем, шапка влезает в три ссылки, поля формы не требуют лупы. Бриф отвечает, какой путь денег на узком экране, не какой баннер на 1920. Магазин: список, карточка, корзина, оплата одной рукой. Студия: услуга, вилка, имя, отправка. Если правило «потом», подрядчик честно рисует десктоп. Сжатие после — новый круг, не галочка.
Причина
Путь на телефоне часто на экран длиннее, чем на широком: 6–9 шагов магазина вместо «всё видно сразу». Это норма, если шаги короткие. Путь, свёрстанный с 1920 и сжатый, даёт 15 экранов прокрутки и потерянную кнопку. Переделка «адаптива потом» — 7–14 дней и 40–90 тысяч, плюс новые споры о том, что уже утвердили. Студия теряет заявки на полях, которые не влезают: гость не видит, куда жать «отправить». Счёт за трафик при этом уже выставлен рекламой.
Масштаб пальца: цель 44–48 пикселей на жест, телефон текстом, не иконка в 12 пунктов. В брифе пишут, что приёмка идёт на узком экране первым проходом, широкий — вторым. Число карточек на первом экране телефона — 3–5, не 40 плиток с десктопа. Если владелец смотрит только монитор, он принимает чужой сайт. Гость в очереди и в автобусе — свой.
- Приёмка пути — сначала телефон, потом широкий экран.
- «Адаптив потом» — новый проект сжатия, не галочка.
- Магазин: оплата одной рукой, кнопка не уезжает под роман.
- Студия: имя и телефон отправляются без горизонтального щипка.
Решение
Возьмите свой телефон, не ноутбук. Пройдите чужой магазин до оплаты и чужую студию до отправки имени. Засеките, где палец промахнулся. Эти места запретите в своих двух страницах. Макет 1920 в эту неделю не открывайте как главный.
- Напишите в бриф (короткое описание, что нужно от сайта): «путь принимают на телефоне, широкий экран второй».
- Выпишите жест пальцем: куда жать на карточке магазина и на услуге студии.
- Запретите шапку из 12 пунктов и форму в две колонки на запуске.
- Назначьте, чьим телефоном смотрят приёмку — не монитором бухгалтера.
- Вычеркните фразу «адаптив в конце, как обычно». Обычное здесь — переделка.
Проверка
Закрепите правило приёмки. Пример магазина: «Тестовый заказ на телефоне до письма с суммой, десктоп не считается первым “ок”». Пример студии: «Тестовая заявка с телефона, поля имени и телефона в одну колонку, без щипка». Положите правило рядом с именами тех, кто ставит «ок». Если «ок» ставят только с монитора, палец снова проиграет.
Остановитесь, когда один живой человек с вашим телефоном проходит жест без подсказки. Не утверждайте широкую главную «а телефон доверстаем». Доверстать путь денег нельзя поверх чужой сетки без нового круга. Круг закрыт, когда серые экраны смотрят узко и широко, и узкий не хуже. Картинка 1920 может быть красивой. Она не главная единица двух страниц.
Чек-лист
- Напишите в бриф: «путь принимают на телефоне, широкий экран второй».
- Выпишите жест пальцем: куда жать на карточке магазина и на услуге студии.
- Запретите шапку из 12 пунктов и форму в две колонки на запуске.
- Назначьте, чьим телефоном смотрят приёмку — не монитором бухгалтера.
- Вычеркните фразу «адаптив в конце, как обычно». Обычное здесь — переделка.
Назад в раздел
