10 плохих трендов, связанных с попапами

1 523
- 10 минут

Словосочетание “всплывающее окно” сегодня вызывает скорее негативные ассоциации, чем позитивные. Еще бы, ведь они есть почти везде. Недавнее исследование показало, что в среднем пользователь видит 25 всплывающих окон в неделю. Автор исследования (Анна Кэлей из NN Group) пишет, что это гораздо больше, чем должен пережить обычный пользователь.

Подумайте сами, если бы 25 раз в неделю (в среднем 3-4 раза в день) вы бы оставляли свои контакты в обмен на полезность или для заказа звонка. Ужас, не правда ли?!

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

Классификация

Все “всплывашки” можно классифицировать по двум параметрам: можно ли взаимодействовать с остальной частью страницы и есть ли затемнение фона. Рассмотрим варианты подробнее:

  1. Может ли пользователь взаимодействовать с остальной частью страницы. Есть два варианта: Окно является “модальным” — остальной контент заблокирован до взаимодействия с попапом. “Немодальное” окно — позволяет пользователю взаимодействовать с контентом сайта. Однако окно видимо до явного взаимодействия с ним.

  2. Затемнен ли фон. Тут тоже просто, фон или затемнен (попап тогда называется “лайтбокс”, а может быть не затемнен.

Перейдет к обозрению негативных трендов.

1.Отображение всплывающего окна до загрузки содержимого главной страницы

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

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

Что же делать вместо этого? Сделайте попап, который появляется после взаимодействия с сайтом, к примеру, по нажатию кнопки. Тогда его появление будет обоснованным и не будет раздражать пользователей.

2. Отображение всплывающего окна сразу после входа (log in) пользователя

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

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

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

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

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

Что делать вместо этого? Подумайте, когда пользователям будет удобнее делиться своими email с вами.

4. Запрос обратной связи прежде, чем люди сделают что-то значимое

Данный сценарий встречается не так часто, однако, он тоже имеет место быть. Представьте, что при попадании на сайт интернет-провайдера вас сразу просят оценить качество работы сервиса. Абсурд, не правда ли?

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

Что делать? Просите пользователей оставить отзыв сразу после того, как они выполнили свою главную задачу на вашем сайте. 

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

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

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

6. Отображение нескольких всплывающих окон одно за другим

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

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

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

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

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

8. Ограничение доступа к контенту из-за модальных всплывающих окон

Обратите внимание, что мы не призываем отказаться от закрытия доступа к контенту и затемнения экрана при появлении попапов инициированных кликом (т.е при нажатии кнопки “оставить заявку” или “заказать звонок”). 

Мы говорим о попапах с рекламными предложениями и о модальных окнах, которые ограничивают контент.

 

Зачастую диалоговое окно появляется сразу после загрузки статьи или другого контента в расширенном формате (например, в разделах «О нас» или «Новости»). В таких случаях складывается впечатление, что сайт ограничивает доступ к этому контенту. Это снижает уровень доверия к компании в глазах пользователя.

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

Что делать? Не давить на пользователя, создайте ненавязчивый баннер вверху или внизу страницы с предложением подписаться на вашу рассылку.

9. Использование всплывающего окна для GDPR и cookie -уведомлений

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

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

10. Поп-апы с предложением перейти на другой канал без сообщения о конкретной выгоде

Часто можно встретить поп-апы, которые предлагают перейти, например, с мобильных сайтов в связанные с ними мобильные приложения (в основном на e-commerce и новостных сайтах). 

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

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

И в заключении

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

  • Не заваливайте посетителей попапами сразу при заходе на сайт;

  • Показывайте всплывающие окна только тогда, когда пользователь уже выполнил основную задачу, ради которой он и зашел на сайт.

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

Интересна услуга?
Давайте обсудим детали!
Оставьте Ваши контактные данные
и мы перезвоним