8 ошибок поп-апов или почему вы считаете их неэффективными
Контент

8 ошибок поп-апов или почему вы считаете их неэффективными

01 марта 2022 07 ноября 2024 ~ 8 мин читать 14053 просмотры
оценить
Claspo Blog 8 ошибок поп-апов или почему вы считаете их неэффективными

Вы раздражены всплывающими окнами? 73% пользователей утверждают, что у них отрицательное отношение к всплывающим окнам. Но это не останавливает маркетологов от продолжения их использования. Почему так? Ответ довольно прост — они функциональны!

Несмотря ни на что, клиенты продолжают взаимодействовать со всплывающими окнами, и этот инструмент не теряет своей эффективности. Однако даже незначительные ошибки в настройке окна, такие как неподходящее время появления или перегрузка данными, могут привести к потере клиентов и трафика.

Всплывающее окно появилось в середине 1990-х годов по просьбе дизайнера и программиста Итана Цукермана, который в то время работал в Tripod. Он и не подозревал, что разработал эффективную бизнес-модель, позволившую зарабатывать на показе онлайн-рекламы, не размещая непосредственно сообщение на веб-странице. И, глядя на то, как его создание используется сейчас, Цукерман искренне раскаивается: "Извиняюсь. У нас были благие намерения."

С тех пор всплывающие окна прошли определенный путь модификаций. В конце 90-х и начале 2000-х годов они открывались в отдельном окне браузера. Сегодня это наложения, которые частично перекрывают контент сайта.

8 ошибок использования всплывающих окон и анти-кейсы

Проблема с всплывающими окнами часто заключается не в самом формате, а в том, что маркетологи не умеют их правильно использовать. Для эффективной конверсии нужно чувствовать и понимать свою аудиторию и постараться минимизировать раздражение. Три четверти посетителей сайта уже осведомлены о раздражении всплывающими окнами. Поэтому сделайте их появление максимально ненавязчивым, а предложение действительно выгодным. И не забудьте учитывать ошибки, которые уже были допущены до вас.

Использование наложений на сайт

Все вокруг нас эволюционирует, всплывающее окно тоже. В настоящее время стало привычной практикой видеть небольшие всплывающие окна в любой части экрана, которые вообще не мешают взаимодействию с самой страницей. Но все же многие сайты используют наложения, которые препятствуют взаимодействию и не позволяют сделать что-либо на сайте до тех пор, пока клиент не отреагирует на наложение.

пример магазина Mango

Таким образом, в этом случае, например, наложение cookies полностью блокирует контент сайта, перекрывает блок выбора страны, и вы не можете сделать вообще ничего, пока не ответите на запрос.

пример с CocaColanderland

Чаще всего с помощью этого формата они пытаются доносить до пользователя важную информацию о GDPR и использовании cookies. Но обычно это вызывает противоположный эффект: пользователи не читают сообщение и быстро закрывают такие окна, чтобы поскорее избавиться от них и продолжить чтение страницы.

Перегрузка данными

Избыточная информация, даже полезная, угрожает отпугнуть клиентов и снизить конверсию. Сосредоточьтесь на самых важных сообщениях и не просите посетителя одновременно совершать несколько целевых действий.

hellobc example

Такая форма подписки требует слишком много данных и не помещается на один экран стандартного ноутбука, что делает её раздражающей. Самые конверсионные pop-up окна — те, которые содержат 1-2 поля; лишнее поле может снизить коэффициент конверсии примерно в 3 раза. Если вам нужно больше информации, лучше добавить второе окно после подписки. В этом случае вы, по крайней мере, не потеряете контакт.

example adidas store

Также, общая информационная перегрузка в окне может оттолкнуть потенциального клиента. Не пытайтесь защитить себя и прописывать все особенности взаимодействия с пользователем. Отведите для этого отдельный блок на сайте и сделайте pop-up как можно более кратким.

Неподходящее время отображения

Вы ещё не успели прочитать заголовок, а его уже блокирует pop-up. Демонстрация pop-up до загрузки заголовка допустима только в том случае, если вы обязаны по закону запрашивать согласие на использование cookies или подтверждение возраста. Но даже в таких случаях лучше показывать pop-up как можно более аккуратно, чтобы пользователь не захотел убежать сразу.

А если мы говорим о формах для сбора данных, нужно учитывать, что в начале сессии посетитель может ещё не осознать, интересны ли ему услуги сайта. И захочет ли клиент в будущем получать от вас письма.

1

thredup

oldnavygap

Дайте пользователю время привыкнуть. И перед запуском pop-up окна проанализируйте среднюю продолжительность сессии. Без понимания того, как пользователи взаимодействуют с отдельными страницами сайта, невозможно определить идеальное время для отображения формы подписки.

Перегрузка pop-up окнами

Существует несколько разновидностей pop-up окон:

  • связанные с конфиденциальностью (запросы на определение местоположения, запросы на отправку уведомлений, информация о cookies и другие разрешения);
  • связанные с маркетинговой деятельностью (подписки, реклама, чаты и т. д.)
  • связанные с активностью в браузере (например, менеджеры паролей).

Самое главное - не забывать, что для пользователей сайта все эти поп-апы в первую очередь назойливые всплывающие окна. И представьте себе силу этого раздражения, если они все появляются одновременно и начинают перекрывать друг друга. Как долго пользователи останутся на вашем сайте?

пример магазина Puma

Единственное, что хуже множества перекрывающихся поп-апов — это неадаптированная мобильная версия такого сайта. Чтобы попасть на сайт, пользователю придется постараться еще больше.

Исследования показали, что мобильная версия поп-апов конвертируется почти в 2 раза лучше, чем десктопная версия (5,8% против 3,11%). Однако сделать поп-апы на мобильных устройствах удобными для пользователя не так просто. Из-за небольшого размера экрана любое всплывающее окно занимает относительно больше места, чем на ПК. Кроме того, мобильные устройства предполагается использовать "на ходу", и любые элементы, загромождающие дисплей, только помешают этому.

Вывод заключается в том, что то, что раздражает пользователей на настольных компьютерах, делает интерфейс максимально неудобным в мобильной версии.

пример магазина Puma на мобильном

Если ваш сайт использует множество различных типов поп-апов, протестируйте их заранее, чтобы избежать одновременного показа пользователям нескольких поп-апов.

Важно уделять особое внимание поп-апам при переходе на другой сайт или поддомен. Покажите своим посетителям, что вы доверяете ресурсам, на которые ссылаетесь на своем сайте. Например, hsbc.com использует дополнительные поп-апы при переходе на социальные сети и вакансии компании.

пример hsbc

Не заставляйте ваших пользователей ненавидеть поп-апы еще больше. Избегайте их там, где можно обойтись без них. Nielsen Norman Group рекомендует использовать всплывающие подсказки вместо них, но не перегружайте сайт поп-апами.

Неподходящий дизайн поп-апов

Большой ошибкой при настройке поп-апов может быть недооценка роли дизайна. Все элементы на сайте должны быть оформлены в едином стиле, включая поп-апы.

пример trendgalleryart

Для реализации поп-апов компании часто используют дополнительные сервисы, предлагающие шаблонные решения. Но это не значит, что вы совсем не можете работать над дизайном. Добавьте минимальные изменения, которые помогут создать единое брендированное изображение. Если вы придерживаетесь минимализма на сайте, то точно не стоит использовать стандартные яркие формы.

Кроме того, интересное наблюдение после анализа поп-апов поделился Sleeknote: поп-апы с изображениями конвертируются намного лучше, чем те, что без изображений (3,8% против 2,07%). Пользователи становятся все более избалованными красивым и качественным контентом. Не стоит недооценивать визуальную составляющую и единство стиля на вашем сайте.

Ограничение выбора пользователя

Никому не нравится, когда его заставляют что-то делать, особенно если это делают слишком открыто. То же самое касается всплывающих окон. Пользователь всегда должен иметь выбор: закрыть окно или взаимодействовать с ним. Использование таких хитростей, как меньший шрифт или прозрачная кнопка, сливающаяся с фоном, крайне негативно сказывается на восприятии вашего сайта как пользователями, так и поисковыми системами.

designer example

designer example mobile

Даже маленькое всплывающее окно может вызывать негативную реакцию у аудитории, если непонятно, как его закрыть.

Можно довести это до крайности, сделав едва заметный крестик или очень маленький шрифт, как в примере ниже от sumo.com

example

Неправильное таргетирование

Ещё одной проблемой всплывающих окон является неподходящее таргетирование. Кому показывать и как часто — всё это нужно тщательно проанализировать, особенно если на сайте используется несколько всплывающих окон.

Исключите страницы регистрации и оформления заказа из показа форм подписки. Пользователь уже согласился на конверсионное действие, так что не заставляйте его передумать.

example puma

Не вызывайте всплывающее окно повторно при переходе на новую страницу сайта. Пользователь его уже видел и не заинтересовался. Лучше разместить отдельную кнопку для вызова формы, но не раздражать её.

Также убедитесь, что форма подписки показывается только тем, кто не находится в вашем списке контактов. Всегда исключайте показы для конверсий из e-mail канала, такая форма не имеет ценности ни для пользователей, ни для бизнеса.

Возможно, стоит доработать вариант, когда отображается надпись в ссылке.

Технические ошибки при внедрении всплывающих окон

Говоря конкретно о формах для сбора контактной информации, ошибки при использовании всплывающих окон могут быть вызваны не только неудобствами для пользователя. Также могут возникать технические опечатки. Избегайте неправильного ввода данных пользователем, когда это можно достичь с помощью валидации данных в реальном времени.

Например, предупреждайте клиента, если он сделал ошибку при заполнении поля для e-mail. Все электронные адреса должны соответствовать определённым стандартам и учитываться при валидации и выделении ошибки для пользователя (наличие @, допустимые символы на допустимых позициях и т.д.).

winesonline example

Для поля с номером мобильного телефона также необходима валидация, как по содержанию только цифр без лишних символов и букв, так и по количеству цифр. Для телефона лучше использовать маску ввода и подсказку для пользователей на фоне поля, в каком формате должен быть введён номер.

Заключение

Сомнительно, что мы можем заставить пользователей полюбить всплывающие окна, но мы, по крайней мере, можем избежать уже совершенных ошибок и уменьшить негативную реакцию на них. А, применяя комплексный подход к их дизайну и реализации, можно получить более глубокое понимание потребностей ваших посетителей и повысить конверсию сайта.

Заботьтесь о своих клиентах и сделайте их взаимодействие с вами максимально приятным.

Все еще не пользователь Claspo?
Популярное

Вас также может заинтересовать
10 Эффективных способов расширить свою базу email адресов в 2025 году
10 Эффективных способов расширить свою базу email адресов в 2025 году

В работе маркетолога данная задача является наверное одной из самых важных и приоритетных, ведь рано или поздно, каждому из них приходится столкнуться с вопросом о том, где и каким способом получить email адреса для рассылки рекламных кампаний и других материалов.  В приведенном ниже списке мы собрали самые действенные способы, которые помогут вам увеличить базу подписчиков используя различные подходы: Создавайте уникальный контент Активно продвигайтесь в социальных сетях Создавайте видеоконтент Предоставляйте бонусный контент Проводите вебинары Устраивайте розыгрыши  Предлагайте промокоды, скидки, бесплатную доставку...

25 февраля 2022 13 мин читать
Является ли брошенная корзина в розничной торговле врагом, которого так долго игнорировали?
Является ли брошенная корзина в розничной торговле врагом, которого так долго игнорировали?

Когда пандемия COVID-19 заставила людей покупать все онлайн, от медикаментов до любимых круассанов с клубникой, для всей сферы электронной коммерции, в частности розничной торговли, наступил период процветания, который запомнится как золотое время. Однако, всегда есть ложка дегтя в бочке меда. Почему же брошенные корзины являются проблемой для ритейлеров?  По мере роста количества посетителей растет и количество незавершенных сеансов покупок. На первый взгляд эта тенденция может показаться безобидной. Однако, со временем вы осознаете объем потенциального дохода, который вы упускаете из-за отказов...

21 февраля 2022 25 мин читать
8 негативных последствий брошенных корзин
8 негативных последствий брошенных корзин

Давным давно симпатичный молодой продавец управлял интернет-магазином. Выручка не была впечатляющей, но в целом бизнес был прибыльным, и все вокруг твердили, что он неплохо справляется. Однако продавец был человеком амбициозным и жаждал большего.  Однажды он заметил, что даже несмотря на то, что посетители сайта изначально были увлечены приобретением товаров, они часто покидали интернет-магазин, оставляя содержимое корзин. Естественно, это наносило ущерб его доходам. Кроме того, этот факт повлиял на основную статистику, товарные запасы, производительность сайта и маркетинговую тактику. Это вызвало настоящий...

17 февраля 2022 18 мин читать
Что такое Floating Bar: 10 примеров и советы по использованию
Что такое Floating Bar: 10 примеров и советы по использованию

Что это такое floating bar Floating bar — это pop-up, который закрепляется сверху или снизу сайта и остается видимым при скролле страницы. В Floating bar можно разместить напоминание об окончании распродажи, форму подписки или направить трафик на определенный лендинг.  Преимущества использования floating bar Ненавязчивость Floating bar не отвлекает пользователей от основного контента сайта и не требует совершить дополнительных действий, чтобы продолжить просматривать страницу (например, подписаться или закрыть форму).  UX-friendly Floating bar вмещает минимальное количество контента, который не закрывает карточки товаров,...

05 марта 2022 9 мин читать
Pop-up примеры, техники и стратегии использования
Pop-up примеры, техники и стратегии использования

Что такое Pop-up Pop-up — это элемент интерфейса, который отображается поверх всех остальных элементов в окне браузера. Он может появляться без запроса пользователя или по клику на определенном элементе страницы. Пример поп-апа со скидкой за регистрацию на сайте онлайн-магазина magnolia.com: Для каких целей используют поп-апы: привлечение новых подписчиков; сбор данных о пользователе (емейл, телефон, куки и прочее);  сообщение о новостях;  оказание техподдержки;  показ рекламы;  сбор заявок клиентов; получение обратной связи (опросники).  Но все же основная цель поп-апа — сбор новых...

09 марта 2022 8 мин читать
Опросы об уровне удовлетворенности клиентов: Определение и примеры вопросов
Опросы об уровне удовлетворенности клиентов: Определение и примеры вопросов

Слышали ли вы когда-нибудь о проведении опросов для оценки уровня удовлетворенности потребителей? Одной из важнейших задач маркетинговых исследований является определение факторов, влияющих на решение потребителя приобрести ваш товар или услугу. Особенно если компания в своей маркетинговой стратегии делает акцент на качестве услуг и мотивах поведения потребителей. Но какие стандарты позволят вам иметь максимальный доход и оторваться от конкурентов? Что, если ваши стандарты действительно будут работать на удовлетворение потребностей клиентов? Что заставит их приходить к вам снова и снова? Будут ли...

15 марта 2022 11 мин читать

Вверх