Поп-ап — всплывающее окно интерфейса¶
Поп-ап (от англ. pop up — «всплывать, подниматься») — всплывающее окно или элемент интерфейса, который появляется поверх основного содержимого экрана. Термин применяется в нескольких областях: веб-разработка, графические интерфейсы операционных систем, а также в маркетинге и дизайне упаковки. В вебе поп-апы исторически ассоциировались с навязчивой рекламой, однако в современной практике они используются как штатный инструмент интерфейса.
¶Поп-апы в веб-браузерах
¶История
Первые всплывающие окна появились в браузерах в конце 1990-х годов. Механизм основывался на JavaScript-функции window.open(), которая позволяла любой веб-странице открывать новое окно браузера без явного действия пользователя. К началу 2000-х годов поп-апы стали массово использоваться для интернет-рекламы: рекламодатели открывали окна при заходе на сайт, при попытке закрыть страницу или при уходе с неё. Пользователи воспринимали такие окна как раздражающий элемент, что привело к появлению встроенных блокировщиков.
¶Блокировка и современное состояние
Начиная с 2004–2005 годов ведущие браузеры (Firefox, Internet Explorer, затем Chrome, Safari и другие) добавили встроенную блокировку поп-апов по умолчанию. Браузер не открывает всплывающее окно, если оно не запущено непосредственно в ответ на действие пользователя — клик по кнопке или ссылке. Для легитимных сценариев браузеры ввели понятие «разрешённых» (allowed) поп-апов: если окно открывается в обработчике события click, оно не блокируется.
В современной веб-разработке термин «поп-ап» чаще означает не отдельное окно браузера, а модальное окно (модальное диалоговое окно) внутри самой страницы — HTML-элемент, который накладывается поверх основного контента с затемнением фона. Такие модальные окна реализуются с помощью библиотек и фреймворков (Bootstrap, jQuery UI, Material UI и других) и не подвергаются блокировке браузеров.
¶Типичные применения
- формы подписки на рассылку;
- окна подтверждения действий (удаление, оплата);
- уведомления о cookie-файлах (требование GDPR);
- окна входа в систему;
- всплывающие подсказки и уведомления.
¶Поп-ап в маркетинге
В цифровом маркетинге поп-ап — рекламный или информационный элемент, появляющийся поверх веб-страницы. Выделяют несколько разновидностей:
| Тип | Описание |
|---|---|
| Exit-intent | Появляется, когда курсор движется к закрытию вкладки |
| Scroll-triggered | Срабатывает при прокрутке страницы до определённого уровня |
| Timed | Открывается через заданный интервал после загрузки страницы |
| Click-triggered | Появляется по клику на элемент (кнопку, ссылку) |
| Overlay | Полупрозрачное окно поверх контента |
Эффективность поп-апов в маркетинге неоднократно исследовалась: по данным ряда аналитических сервисов, правильно настроенный поп-ап может повысить конверсию подписки на 2–5 %. При этом чрезмерное использование всплывающих окон ухудшает пользовательский опыт и может негативно сказываться на поисковой оптимизации: в 2017 году Google начал понижать в выдаче сайты, размещающие агрессивные поп-апы на мобильных устройствах.
¶Поп-ап в других областях
¶Мобильные приложения
В мобильной разработке поп-апами называют всплывающие диалоговые окна и всплывающие уведомления (toast-уведомления). На iOS и Android существуют собственные компоненты для их реализации: UIAlertController в iOS, AlertDialog и Snackbar в Android.
¶Pop-up book
В книжном искусстве pop-up book (книга с выпуклыми элементами) — книга, страницы которой при открывании объёмно раскладываются: из плоскости бумаги поднимаются фигурки, постройки, целые сцены. Техника восходит к викторианским «подвижным книгам» (movable books) XIX века; в современном виде развилась в XX веке и получила широкое распространение как детская и коллекционная литература. В России известны переводные и оригинальные издания этой техники.
¶Pop-up store
В розничной торговле pop-up store (поп-ап магазин) — временный торговый объект, работающий от нескольких дней до нескольких месяцев. Концепция получила распространение в 2010-е годы: бренды открывают краткосрочные точки продаж для промо-кампаний, тестирования новых локаций или совместных проектов. В Москве и Санкт-Петербурге поп-ап формат активно используется в торговых центрах и на уличных локациях.
¶Критика и восприятие пользователями
Исследования пользовательского опыта показывают, что агрессивные поп-апы, особенно с затруднённой кнопкой закрытия или обманной механикой (misleading), вызывают раздражение и повышают показатель отказов. Ряд стран и регуляторов ограничивает их использование: в соответствии с GDPR в ЕС поп-ап с запросом согласия на обработку cookie-файлов обязателен для сайтов, ориентированных на европейских пользователей. В России требование о получении согласия на использование cookie закреплено Федеральным законом № 152-ФЗ «О персональных данных».
История: Википедия (статьи «Всплывающее окно», «Pop-up book», «Pop-up store»); MDN Web Docs (документация по window.open); Google Search Central (руководство по всплывающим окнам и интерстициальной рекламе); GDPR.eu (требования к cookie-баннерам); Федеральный закон № 152-ФЗ «О персональных данных».