Одной рукой, большой палец, ширина как у живого телефона, не планшет в альбоме. Цель размером с подушечку пальца перекрыта чатом и панелью cookies. После шрифта кнопка уезжает. Человек тапает «купить» и оказывается в чате с пустым приветствием. Он не думает про слои. Он думает, что купить нельзя.
На широком мониторе кнопка красивая. Это не приёмка. Приёмка — 360–390 точек и свой телефон в правой руке.
Проблема
Липкая шапка, бар покупки, cookies, чат, подсказка размера. На узком экране низ не занимают двумя панелями сразу. Цена и наличие живут рядом с кнопкой, не только в шапке, куда не дотянуться. Чат — по нажатию на иконку или выше зоны пальца. Cookies не перекрывают покупку навсегда: закрытие не прячет цену.
- Без выбранного размера кнопка не притворяется «купить»: тап объясняет, что выбрать.
- С размером тап кладёт в корзину, счётчик живой, чат не открывается.
- Липкий бар копирует то же поведение, не живёт своей жизнью.
- После сдвига вёрстки повторный тап всё ещё в кнопку.
Причина
Решение
Кнопка на широком экране не доказывает палец. Второй бар «акции» ворует ту же зону. Каркас витрины дорисовывает мини-корзину — бар прыгает, палец попадает мимо. В счётчике растут клики в чат при тех же просмотрах карточки: люди бьют не туда.
После правки слоёв повторяют тап правой и левой рукой. Виджет часто возвращает себя поверх кнопки следующим обновлением. Чинят вес стилей, не ставят третий бар.
Нет размера — честная подпись. Есть размер — покупка. Цена выбранного размера рядом, не только «от». Наличие выбранного размера видно. Бар не прячется под жестом браузера «назад-вперёд».
«От» в шапке и другая цифра у кнопки после выбора размера читаются как обман. Рядом с пальцем — цена выбранного, наличие выбранного, понятная подпись. Бар не прячется под жестом браузера. После сдвига повторный тап всё ещё в кнопку, не в чат.
Приёмка узким окном на мониторе недостаточна: виджет часто наезжает только на живом телефоне. Правая и левая рука. Если чат вернулся поверх после «мелкой правки» — вес стилей виджета снова выше, чинят его, не ставят третий бар акций.
В счётчике после правки растут «в корзину», не клики в чат. Если растут клики в чат — слой снова выше кнопки. Второй бар акций снимают, даже если он «продаёт». Он продаёт промах. Живой телефон, не макет. Палец правой руки в маршрутке — судья, не широкий монитор в офисе. Десктоп работу не закрывает.
- Кнопка на широком экране не доказывает палец.
- Второй бар «акции» ворует ту же зону.
- Каркас витрины дорисовывает мини-корзину — бар прыгает, палец попадает мимо.
- В счётчике растут клики в чат при тех же просмотрах карточки: люди бьют не туда.
Проверка
Большой палец попадает в покупку, не в чат. После выбора размера кнопка активна и подписана ясно. Гость видит цену рядом. Не уменьшайте кнопку, чтобы влез чат. Не прячьте цену во вкладки. Не тестируйте только монитор. Не ставьте второй липкий бар. Не лечите промах пальца рекламой на эту же карточку: приведёте человека в тот же чат.
Чек-лист
- Кнопка на широком экране не доказывает палец.
- Второй бар «акции» ворует ту же зону.
- Каркас витрины дорисовывает мини-корзину — бар прыгает, палец попадает мимо.
- В счётчике растут клики в чат при тех же просмотрах карточки: люди бьют не туда.
Назад в раздел
