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

Определение​


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

Как это работает​


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

Всплывающие окна не стоит путать с push-уведомлениями, которые выглядят обычно так (браузер Chrome):

proxy.php?image=https%3A%2F%2Ftimeweb.com%2Fmedia%2Fdefault%2F0001%2F01%2Fd8281340702eb0e9eb9f2489d6f1a556e22bf2df.png&hash=9e887e4544288b274d576be73c4efe58

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

Плюсы и минусы​

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

Преимущества всплывающих окон
  • Привлекают внимание пользователей, более эффективно доносят информацию
  • Повышают конверсию; например, приветственное сообщение может на 70% увеличить число покупателей
  • Просты в настройке, на популярные CMS можно добавить при помощи плагинов
Недостатки
  • Могут восприниматься как спам: некоторые пользователи устали от обилия всплывающих окон на сайтах и от необходимости их закрывать
  • Могут быть заблокированы в браузере у некоторых пользователей
  • Если же говорить в целом, то многое зависит от дизайна и уместности всплывающего окна - оно может как увеличить конверсию, так и вызвать раздражение (и снизить посещаемость).

Виды всплывающих окон​


Базово их можно разделить на две группы:

Hello-Board
Page-Stop


Page-Stop

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

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

А теперь к самим советам.

1. Больше конкретики
Доносить информацию до пользователей нужно максимально понятно и кратко - так, чтобы для улавливания смысла нужно было прочитать буквально несколько слов. Всплывающие окна не рассчитаны на длинный текст. Пользователь должен сразу понять, что вы от него хотите и какую выгоду он в итоге получит. Если вы хотите дать скидку 10% за подписку, то так и пишите «Вы получите скидку 10%», а не «Вы получите дополнительную скидку», «Потом вы получите письмо с некоторой скидкой» и т.д.

proxy.php?image=https%3A%2F%2Ftimeweb.com%2Fmedia%2Fdefault%2F0001%2F01%2F215b9a3cdaf5ca57780024c704bd825da935fc35.png&hash=b98609d28cbfe7fe4a1647fa2930fe3a

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

3. Крестику - быть!
Новая тенденция - прятать крест закрытия сообщения и показывать его через несколько секунд после появления сообщения. Думаете, так у пользователей не будет вариантов, и они прочитают все, что вы написали в pop-up? Скорее, они просто закроют вкладку с вашим сайтом. Поэтому у пользователя всегда должна быть возможность закрыть всплывающее окно сразу после его появления.

4. Больше тактичности
Чтобы привлечь внимание, необязательно показывать крупное сообщение посередине экрана - можно ограничиться небольшими вариантами, которые можно поставить в нижнем правом или левом углу. По этому пути пошли создатели портала Wait but why, которые поставили сообщение в нижний правый угол и шутят, что «По крайней мере это не всплывающее окно посередине экрана»:

proxy.php?image=https%3A%2F%2Ftimeweb.com%2Fmedia%2Fdefault%2F0001%2F01%2F65075ee50215ad0dbcbe1c1a9a26dd4a1ea48f3b.png&hash=ba637483e576e3cf9dba708e9da31629

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

При этом pop-up окно должно быть заметным и выделяться на общем фоне сайта.

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

Заключение​


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