Магазин на серых экранах ставит в шапку логотип, телефон, каталог, акцию, корзину и вход. Студия — логотип, меню из десяти услуг, « instagram» и кнопку записи. На телефоне шапка толстая. Палец закрывает «купить» и «записаться».
То, что не перекрыто, и есть жест. Если жест перекрыт, прототип (схема экранов без красивых картинок) врёт кассе. На 12 экранах это не «чуть ужать». На этой неделе смотрят большой палец, не герб.
Проблема
Владелец магазина боится, что без телефона в шапке «не дозвонятся», без акции «не увидят», без входа «не те покупатели». Владелец студии стыдится короткой шапки: у чужой сети десять пунктов. Жадность хочет один пояс на все случаи. Пояс съедает первый экран. Гость с телефоном видит логотип и иконки. Кнопка оплаты и слот живут под сгибом или под пальцем, который держит телефон. Серая шапка должна быть худой. Толстую примут за навигацию и потеряют жест.
Шапка не витрина склада и не ресепшен. В магазине она держит вход в каталог или поиск и корзину, не перекрывая цену. В студии — вход к услуге и записи, не перекрывая слот. Если на прототипе шапка липкая и высокая, на каждом из 8–12 экранов магазина жест уезжает вниз. На 5–8 экранах студии форма начинается там, где палец. Это проверяют в руке, не на макете-плакате.
Причина
Рабочая серая шапка на телефоне — одна строка смысла: логотип, один вход, корзина или «запись». Высота такая, чтобы цена и кнопка карточки оставались видны без скролла-романа. Срок спора «что в шапке» без правила — 4–7 дней. С правилом «жест не перекрыт» — 1–2 дня. Перерисовка толстой шапки после запуска на 10 экранах — 30–70 тысяч: плывут отступы, липкое меню, письма вроде бы ни при чём, а люди не нажимают.
На 40 карточках магазина липкая акция над ценой даёт «сайта без цен». На 8 услугах студии липкое меню из десяти названий даёт «сайта без записи». Палец большого человека закрывает нижние 10–15% экрана, если он держит телефон снизу. Нижняя огромная шапка-дубль ещё хуже. В прототипе отмечают зону пальца серым пятном. Что под пятном — не жест. Толстую шапку после запуска двигают на 10 экранах: 30–70 тысяч и плывущие отступы. Худую шапку из трёх вещей принимают за 1–2 дня. Десять пунктов «для солидности» в сером не солидность, а риск кассы и слота.
- Жест «купить» / «записаться» не живёт под пальцем и не прячется под липкой шапкой.
- Телефон текстом можно, иконка-ловушка без номера — нельзя как единственный контакт.
- Магазин: корзина видна, но не толще цены на карточке.
- Студия: запись видна, меню из десяти услуг — в список, не в шапку.
Решение
Откройте карточку и форму на телефоне. Положите большой палец как при ходьбе. Что скрылось — уберите из шапки или сдвиньте жест. Не спорьте о гербе.
- Выпишите всё, что сейчас в серой шапке. Оставьте три вещи, остальное на этап 2.
- Пройдите карточку магазина и услугу студии: цена и кнопка видны без охоты.
- Включите липкую шапку, если она есть, и пройдите чекаут / форму. Жест не должен уехать.
- Отметьте зону пальца. Кнопку из зоны выньте.
- В «ок» напишите: «шапка не перекрывает купить / записаться на телефоне».
Проверка
Запишите состав. Магазин: «логотип, каталог, корзина; акция не липкая». Студия: «логотип, услуги одним входом, запись; соцсети не в шапке». Состав короткий. Короткий состав можно красить. Длинный — нельзя принять.
Остановитесь, когда палец не убивает жест на карточке и на форме. Не добавляйте «ещё иконку, места мало не займёт». Займёт. Круг закрыт худой шапкой. Толстая шапка — отдельный этап и отдельный риск кассы.
Чек-лист
- Выпишите всё, что сейчас в серой шапке. Оставьте три вещи, остальное на этап 2.
- Пройдите карточку магазина и услугу студии: цена и кнопка видны без охоты.
- Включите липкую шапку, если она есть, и пройдите чекаут / форму. Жест не должен уехать.
- Отметьте зону пальца. Кнопку из зоны выньте.
- В «ок» напишите: «шапка не перекрывает купить / записаться на телефоне».
Назад в раздел
