8 ошибок поп-апов или почему вы считаете их неэффективными
Вы раздражены всплывающими окнами? 73% пользователей утверждают, что у них отрицательное отношение к всплывающим окнам. Но это не останавливает маркетологов от продолжения их использования. Почему так? Ответ довольно прост — они функциональны!
Несмотря ни на что, клиенты продолжают взаимодействовать со всплывающими окнами, и этот инструмент не теряет своей эффективности. Однако даже незначительные ошибки в настройке окна, такие как неподходящее время появления или перегрузка данными, могут привести к потере клиентов и трафика.
Всплывающее окно появилось в середине 1990-х годов по просьбе дизайнера и программиста Итана Цукермана, который в то время работал в Tripod. Он и не подозревал, что разработал эффективную бизнес-модель, позволившую зарабатывать на показе онлайн-рекламы, не размещая непосредственно сообщение на веб-странице. И, глядя на то, как его создание используется сейчас, Цукерман искренне раскаивается: "Извиняюсь. У нас были благие намерения."
С тех пор всплывающие окна прошли определенный путь модификаций. В конце 90-х и начале 2000-х годов они открывались в отдельном окне браузера. Сегодня это наложения, которые частично перекрывают контент сайта.
8 ошибок использования всплывающих окон и анти-кейсы
- Использование наложений на сайт
- Перегрузка данными
- Неподходящее время показа
- Перегрузка всплывающими окнами
- Неподходящий дизайн всплывающего окна
- Ограничение выбора пользователя
- Неправильное таргетирование
- Технические ошибки в реализации всплывающего окна
Проблема с всплывающими окнами часто заключается не в самом формате, а в том, что маркетологи не умеют их правильно использовать. Для эффективной конверсии нужно чувствовать и понимать свою аудиторию и постараться минимизировать раздражение. Три четверти посетителей сайта уже осведомлены о раздражении всплывающими окнами. Поэтому сделайте их появление максимально ненавязчивым, а предложение действительно выгодным. И не забудьте учитывать ошибки, которые уже были допущены до вас.
Использование наложений на сайт
Все вокруг нас эволюционирует, всплывающее окно тоже. В настоящее время стало привычной практикой видеть небольшие всплывающие окна в любой части экрана, которые вообще не мешают взаимодействию с самой страницей. Но все же многие сайты используют наложения, которые препятствуют взаимодействию и не позволяют сделать что-либо на сайте до тех пор, пока клиент не отреагирует на наложение.
Таким образом, в этом случае, например, наложение cookies полностью блокирует контент сайта, перекрывает блок выбора страны, и вы не можете сделать вообще ничего, пока не ответите на запрос.
Чаще всего с помощью этого формата они пытаются доносить до пользователя важную информацию о GDPR и использовании cookies. Но обычно это вызывает противоположный эффект: пользователи не читают сообщение и быстро закрывают такие окна, чтобы поскорее избавиться от них и продолжить чтение страницы.
Перегрузка данными
Избыточная информация, даже полезная, угрожает отпугнуть клиентов и снизить конверсию. Сосредоточьтесь на самых важных сообщениях и не просите посетителя одновременно совершать несколько целевых действий.
Такая форма подписки требует слишком много данных и не помещается на один экран стандартного ноутбука, что делает её раздражающей. Самые конверсионные pop-up окна — те, которые содержат 1-2 поля; лишнее поле может снизить коэффициент конверсии примерно в 3 раза. Если вам нужно больше информации, лучше добавить второе окно после подписки. В этом случае вы, по крайней мере, не потеряете контакт.
Также, общая информационная перегрузка в окне может оттолкнуть потенциального клиента. Не пытайтесь защитить себя и прописывать все особенности взаимодействия с пользователем. Отведите для этого отдельный блок на сайте и сделайте pop-up как можно более кратким.
Неподходящее время отображения
Вы ещё не успели прочитать заголовок, а его уже блокирует pop-up. Демонстрация pop-up до загрузки заголовка допустима только в том случае, если вы обязаны по закону запрашивать согласие на использование cookies или подтверждение возраста. Но даже в таких случаях лучше показывать pop-up как можно более аккуратно, чтобы пользователь не захотел убежать сразу.
А если мы говорим о формах для сбора данных, нужно учитывать, что в начале сессии посетитель может ещё не осознать, интересны ли ему услуги сайта. И захочет ли клиент в будущем получать от вас письма.
Дайте пользователю время привыкнуть. И перед запуском pop-up окна проанализируйте среднюю продолжительность сессии. Без понимания того, как пользователи взаимодействуют с отдельными страницами сайта, невозможно определить идеальное время для отображения формы подписки.
Перегрузка pop-up окнами
Существует несколько разновидностей pop-up окон:
- связанные с конфиденциальностью (запросы на определение местоположения, запросы на отправку уведомлений, информация о cookies и другие разрешения);
- связанные с маркетинговой деятельностью (подписки, реклама, чаты и т. д.)
- связанные с активностью в браузере (например, менеджеры паролей).
Самое главное - не забывать, что для пользователей сайта все эти поп-апы в первую очередь назойливые всплывающие окна. И представьте себе силу этого раздражения, если они все появляются одновременно и начинают перекрывать друг друга. Как долго пользователи останутся на вашем сайте?
Единственное, что хуже множества перекрывающихся поп-апов — это неадаптированная мобильная версия такого сайта. Чтобы попасть на сайт, пользователю придется постараться еще больше.
Исследования показали, что мобильная версия поп-апов конвертируется почти в 2 раза лучше, чем десктопная версия (5,8% против 3,11%). Однако сделать поп-апы на мобильных устройствах удобными для пользователя не так просто. Из-за небольшого размера экрана любое всплывающее окно занимает относительно больше места, чем на ПК. Кроме того, мобильные устройства предполагается использовать "на ходу", и любые элементы, загромождающие дисплей, только помешают этому.
Вывод заключается в том, что то, что раздражает пользователей на настольных компьютерах, делает интерфейс максимально неудобным в мобильной версии.
Если ваш сайт использует множество различных типов поп-апов, протестируйте их заранее, чтобы избежать одновременного показа пользователям нескольких поп-апов.
Важно уделять особое внимание поп-апам при переходе на другой сайт или поддомен. Покажите своим посетителям, что вы доверяете ресурсам, на которые ссылаетесь на своем сайте. Например, hsbc.com использует дополнительные поп-апы при переходе на социальные сети и вакансии компании.
Не заставляйте ваших пользователей ненавидеть поп-апы еще больше. Избегайте их там, где можно обойтись без них. Nielsen Norman Group рекомендует использовать всплывающие подсказки вместо них, но не перегружайте сайт поп-апами.
Неподходящий дизайн поп-апов
Большой ошибкой при настройке поп-апов может быть недооценка роли дизайна. Все элементы на сайте должны быть оформлены в едином стиле, включая поп-апы.
Для реализации поп-апов компании часто используют дополнительные сервисы, предлагающие шаблонные решения. Но это не значит, что вы совсем не можете работать над дизайном. Добавьте минимальные изменения, которые помогут создать единое брендированное изображение. Если вы придерживаетесь минимализма на сайте, то точно не стоит использовать стандартные яркие формы.
Кроме того, интересное наблюдение после анализа поп-апов поделился Sleeknote: поп-апы с изображениями конвертируются намного лучше, чем те, что без изображений (3,8% против 2,07%). Пользователи становятся все более избалованными красивым и качественным контентом. Не стоит недооценивать визуальную составляющую и единство стиля на вашем сайте.
Ограничение выбора пользователя
Никому не нравится, когда его заставляют что-то делать, особенно если это делают слишком открыто. То же самое касается всплывающих окон. Пользователь всегда должен иметь выбор: закрыть окно или взаимодействовать с ним. Использование таких хитростей, как меньший шрифт или прозрачная кнопка, сливающаяся с фоном, крайне негативно сказывается на восприятии вашего сайта как пользователями, так и поисковыми системами.
Даже маленькое всплывающее окно может вызывать негативную реакцию у аудитории, если непонятно, как его закрыть.
Можно довести это до крайности, сделав едва заметный крестик или очень маленький шрифт, как в примере ниже от sumo.com
Неправильное таргетирование
Ещё одной проблемой всплывающих окон является неподходящее таргетирование. Кому показывать и как часто — всё это нужно тщательно проанализировать, особенно если на сайте используется несколько всплывающих окон.
Исключите страницы регистрации и оформления заказа из показа форм подписки. Пользователь уже согласился на конверсионное действие, так что не заставляйте его передумать.
Не вызывайте всплывающее окно повторно при переходе на новую страницу сайта. Пользователь его уже видел и не заинтересовался. Лучше разместить отдельную кнопку для вызова формы, но не раздражать её.
Также убедитесь, что форма подписки показывается только тем, кто не находится в вашем списке контактов. Всегда исключайте показы для конверсий из e-mail канала, такая форма не имеет ценности ни для пользователей, ни для бизнеса.
Возможно, стоит доработать вариант, когда отображается надпись в ссылке.
Технические ошибки при внедрении всплывающих окон
Говоря конкретно о формах для сбора контактной информации, ошибки при использовании всплывающих окон могут быть вызваны не только неудобствами для пользователя. Также могут возникать технические опечатки. Избегайте неправильного ввода данных пользователем, когда это можно достичь с помощью валидации данных в реальном времени.
Например, предупреждайте клиента, если он сделал ошибку при заполнении поля для e-mail. Все электронные адреса должны соответствовать определённым стандартам и учитываться при валидации и выделении ошибки для пользователя (наличие @, допустимые символы на допустимых позициях и т.д.).
Для поля с номером мобильного телефона также необходима валидация, как по содержанию только цифр без лишних символов и букв, так и по количеству цифр. Для телефона лучше использовать маску ввода и подсказку для пользователей на фоне поля, в каком формате должен быть введён номер.
Заключение
Сомнительно, что мы можем заставить пользователей полюбить всплывающие окна, но мы, по крайней мере, можем избежать уже совершенных ошибок и уменьшить негативную реакцию на них. А, применяя комплексный подход к их дизайну и реализации, можно получить более глубокое понимание потребностей ваших посетителей и повысить конверсию сайта.
Заботьтесь о своих клиентах и сделайте их взаимодействие с вами максимально приятным.