Поп-ап формы: 10 проблемных тенденций и альтернатив

Дата публикации: 19.05.2025

 

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

 

Содержание:

• Различные виды поп-ап форм

• Время появления модальных поп-ап форм (оверлеев): не запрашивайте их перед взаимодействием или во время выполнения важных задач

• Контекст модальных поп-ап форм (оверлеев): не препятствуйте переходам или доступу к содержимому

• Содержимое модальных поп-ап форм (оверлеев): не предполагайте, что сообщение будет доставлено с помощью модального наложения

• Вывод

 

Различные виды поп-ап форм (оверлеев)

Поп-ап (также известный как оверлей) - окно, которое появляется поверх содержимого страницы. Его можно классифицировать по двум параметрам:

 

1. Есть ли возможность взаимодействовать с остальной частью страницы:

 

• Модальный поп-ап (оверлей): содержимое страницы отключено до тех пор, пока пользователь не начнет взаимодействовать с оверлеем.
• Немодальный поп-ап (оверлей): пользователи могут взаимодействовать с содержимым страницы (например, выбирая ссылки или нажимая кнопки), пока оверлей остается видимым.

 

2. По затемнению фона:

 

• Если фон затемнен то, это лайтбокс.
• Не существует специального названия для случая, когда фоновое содержимое визуально не затемняется (это не лайтбокс).

 

Хотя во многих случаях лайтбоксы являются модальными поп-ап формами (оверлеями), это не всегда так.

 

 

 

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

 

Время появления модальных поп-ап форм (оверлеев): не запрашивайте их перед взаимодействием или во время выполнения важных задач

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

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

 

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

 

Что делать вместо этого?

 

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

 

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

 

 

2. Появление модальных поп-ап форм (оверлеев) сразу после входа пользователя в систему: вызывает такой же негатив, как и появление поп-апа перед загрузкой содержимого страницы.

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

 

Что делать вместо этого?

 

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

 

 

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

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

 

Например, один из пользователей сайта Uncommon Goods был недоволен тем, что его приветствовал модальный поп-ап (оверлей) с просьбой указать адрес электронной почты для доступа к секретным распродажам. Он поделился своим раздражением: "Меня действительно раздражает, когда такие предложения появляются до того, как я хоть что-то успею сделать на сайте. Как я могу решить, стоит ли мне подписываться на рассылку, если я только зашел сюда? Я предпочел бы получить эту информацию позже".

 

 

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

 

Что можно сделать вместо этого?

 

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

 

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

 

 

4. Запрос отзывов до того, как люди сделают что-либо значимое

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

 

Получение информативной обратной связи от пользователей помогает лучше понять их проблемы. Однако, если запросить обратную связь слишком рано, существует риск не получить её вовсе. Например, одна из участниц исследования, была разочарована появлением запроса обратной связи в тот момент, когда пыталась оплатить счет на сайте ATT.com. Она отметила: "Я готова оставить отзыв после оплаты, однако сейчас я разочарована тем, что запрос на отзыв появился, когда я еще ничего не сделала".

 

 

Что делать вместо этого?

 

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

 

 

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

Пользователи воспринимают прерывания работы негативно, но сайты и приложения продолжают использовать поп-апы с запросами обратной связи.

 

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

 

 

Что делать вместо этого?

 

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

 

Nestle не стала отвлекать пользователей, разместив ссылку на обратную связь в нижнем колонтитуле сайта

 

British Airways разместила кнопку "Оставить отзыв" в правой части страницы

 

6. Появление нескольких поп-ап форм одновременно

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

 

Что делать вместо этого?

 

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

 

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

 

Компания Lulus представила несколько модальных поп-ап форм (оверлеев) одновременно. Лучше было бы показывать по одной поп-ап форме за раз

 

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

 

Контекст модальных поп-ап форм (оверлеев): Не препятствуйте переходам или доступу к содержимому

7. Появление модальной поп-ап формы (оверлея) перед переходом пользователя на новый поддомен или внешний сайт

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

 

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

 

После нажатия кнопки «Карьера», появляется предупреждение о том, что пользователи собираются покинуть исходный сайт

 

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

 

Что нужно сделать вместо этого?

 

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

 

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

 

8. Прерывание доступа к контенту с помощью модальных поп-ап форм (оверлеев)

Если модальный оверлей появляется сразу после того, как пользователи загрузили статью или другой объемный контент (например то, что находится в разделах "О нас" или "Новости"), создается впечатление, что сайт хочет ограничить доступ к этому контенту.

 

К примеру, пользователь мобильного приложения CNN был разочарован, когда наткнулся на рассылку новостей сразу после того, как открыл статью для чтения. Он сказал: “У меня возникло негативное ощущение от CNN. Я не хочу, чтобы у меня спрашивали адрес электронной почты или подписывали на что-либо”.

 

Мобильное приложение CNN показало модальную поп-ап форму (оверлей), когда пользователь перешел на страницу, чтобы прочитать статью. Сделать это оказалось проблематично, поскольку пользователь не был подписан на новостную рассылку CNN

 

Что можно сделать вместо этого?

 

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

 

Conde’ Nast Traveller’s представляет новостную рассылку в виде незаметного и не навязчивого баннера, размещенного под навигацией сайта. Такой дизайн позволяет заинтересованным пользователям подписываться на рассылку, и при этом не отвлекает тех, кто просто хотел ознакомиться с содержанием сайта.

 

Содержимое модальных поп-ап форм (оверлеев): Не предполагайте, что сообщение будет доставлено с помощью модального наложения

9. Использование модальных поп-ап форм (оверлеев) для информирования о GDPR и файлах cookie

Не стоит использовать модальные поп-ап формы (оверлеи) для передачи важной информации, связанной с GDPR или использованием файлов cookie.

 

Что делать вместо этого?

 

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

 

Reddit использует небольшую, ненавязчивую немодальную поп-ап форму (оверлей), чтобы запрашивать у пользователей согласие на использование файлов cookie. Однако формулировка, описывающая, как будут использоваться данные пользователей, слишком расплывчата.

 

NNgroup.com используют немодальную поп-ап форму (оверлей) с понятными формулировками об использовании файлов cookie. Подробно описывается, для чего собираются данные пользователей и как будут использованы.

 

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

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

 

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

 

Что можно сделать вместо этого?

 

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

 

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

 

Macy's проделывает хорошую работу, поощряя загрузку мобильных приложений со своего сайта. Немодальная поп-ап форма (оверлей) внизу страницы содержит стимул для перехода на другой канал и показывает оценки пользователей.

 

Вывод

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

 

С учетом этого, возникает вопрос: когда применение поп-ап форм может быть оправдано? Ответ: редко.

 

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

 

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

 

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