Более половины трафика на большинство лендингов приходит с мобильных устройств. При этом дизайн часто создаётся с десктопа и «адаптируется» в последнюю очередь.
Часто ломается:
Кнопки слишком маленькие для пальца. Минимальный размер интерактивного элемента — 44x44 пикселя. Маленький CTA на мобильном = потерянные конверсии.
Текст слишком мелкий. То, что читается на десктопе, на мобильном может требовать зума.
Формы неудобны. Если поля не оптимизированы под мобильную клавиатуру (тип input: email, tel, number) — заполнение формы становится раздражающим опытом.
Первый экран съедает кнопкой «принять cookies». На мобильном этот баннер часто закрывает половину первого экрана.
Видео автоплей с звуком. На мобильных раздражает и часто блокируется браузером.
Как проверить: откройте свой лендинг на реальном телефоне, а не в режиме эмуляции браузера. Попробуйте заполнить форму одной рукой. Пройдите весь путь до конверсии. Это займёт 5 минут и покажет больше, чем неделя аналитики.
Дизайн Лендингов
@landing_design_ru_n1k
Мобильный дизайн лендинга: что часто ломается и как проверить
Этот пост опубликован в Telegram-канале Дизайн Лендингов. Подписаться можно по ссылке: @landing_design_ru_n1k.