Магазин описывает меню и кнопку «купить» как на широком столе: всё в шапке, всё видно. Студия рисует запись так, будто палец — это мышь.
Страх «мобильную версию потом» и жадность одного описания экрана оставляют жесты в воздухе. В ТЗ телефона пишут, куда палец жмёт меню и где «купить» без охоты. На этой неделе опишите два жеста на узком экране и уберите «как на десктопе, только уже».
Проблема
Владелец магазина боится двух макетов и пишет «меню как обычно, адаптив». Владелец студии стыдится думать пальцем и оставляет кнопку записи в подвале, куда на столе доезжают колёсиком. Жадность общая — одно описание экрана на все ширины. На телефоне меню ест полэкрана и закрывает цену. «Купить» уезжает под чат. Гость из рекламы не охотится. Он уходит. ТЗ без жестов пальца приняло стол. Стол не держит кассу в автобусе.
Жест телефона в задании — куда палец достаёт без охоты. Меню: как открыть, как закрыть, не перекрывает ли цену и кнопку. Купить или оставить имя: где кнопка на карточке, не прячется ли под панелью браузера, сколько раз её надо искать. Это не «дизайн потом». Это приёмка сценария. Прототип без этих двух жестов врёт даже если серый. Серое на столе не равно серому на 360 пикселях.
Причина
Магазин: 70–90 процентов гостей из рекламы часто с телефона. Если «в корзину» ниже сгиба и меню перекрывает, путь из 8 экранов не начинается. Правка после вёрстки — 2–4 дня и 15–40 тысяч. Студия: заявка с телефона — основной вход. Кнопка в подвале без закрепления — пустая форма. Описать два жеста в ТЗ — час. Ловить их в макете цветом — поздно: цвет не двигает палец, если в задании жеста не было.
Масштаб. На запуске не нужно описывать все жесты платформы. Нужны меню и главный жест денег или заявки на карточке и на списке. Свайпы «как в приложении» не обещают, если вы не делаете приложение. В ТЗ честно: открыть меню нажатием, закрыть нажатием, кнопка купить или «записаться» видна без охоты. Если подрядчик рисует десять иконок в шапке телефона, это уже не меню этапа 1 — это чужой портал. Магазин на 40–80 карточках проверяет «в корзину» на списке и на карточке. Студия на 8–15 услугах — «записаться» там же. Жест только на главной снова стол.
- Меню и «купить / записаться» на телефоне — пункты ТЗ, не «адаптив».
- Стол не доказывает палец.
- Магазин: цена и корзина не прячутся под меню.
- Студия: кнопка имени не живёт только в подвале.
Решение
Возьмите телефон и свои черновые экраны или чужой похожий путь. Магазин ищет корзину. Студия ищет запись. Где палец охотится — то и пишут запретом в ТЗ.
- Опишите открытие и закрытие меню на телефоне одной фразой каждый. Перекрытие цены запретите.
- Опишите, где стоит «купить» или «оставить имя» на карточке: видно сразу, не после охоты.
- Запретите десять пунктов шапки на узком экране. Лишнее — внутрь меню.
- В приёмку: палец гостя без подсказки находит оба жеста за десять секунд.
- В ТЗ: раздел «жесты телефона», не строка «будет адаптивная вёрстка (сборка страниц по макету)».
Проверка
Фраза магазина: «На телефоне меню не закрывает цену, «в корзину» видно сразу». Фраза студии: «Меню одним нажатием, «записаться» на карточке услуги без скролла-охоты». Положите фразы в ТЗ. Если дизайнер отвечает «это решим в макете», жестов в задании всё ещё нет.
Остановитесь, когда оба жеста прокликаны на чужом телефоне и записаны как приёмка. Не добавляйте в тот же день «ещё свайп каталога как в приложении». Приложение — другой этап. Пока меню и покупка описаны только столом, мобильный сценарий в ТЗ пустой.
Чек-лист
- Опишите открытие и закрытие меню на телефоне одной фразой каждый. Перекрытие цены запретите.
- Опишите, где стоит «купить» или «оставить имя» на карточке: видно сразу, не после охоты.
- Запретите десять пунктов шапки на узком экране. Лишнее — внутрь меню.
- В приёмку: палец гостя без подсказки находит оба жеста за десять секунд.
- В ТЗ: раздел «жесты телефона», не строка «будет адаптивная вёрстка».
Назад в раздел
