10 правил для всплывающих окон и модальных окон

Умело используемые всплывающие окна или неактивные модальные окна, вероятно, являются лучшими способами привлечь подписчиков на новостную рассылку, продавать товары и вообще привлечь внимание к вашему сообщению. Но они так раздражают!

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

1. Сделайте всплывающее/модальное окно простым

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

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

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

2. Поместите кнопку закрытия на видное место

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

3. Не размещайте всплывающие окна абсолютно на каждой странице

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

4. Разрешить пользователю полностью отказаться

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

5. Не используйте всплывающее окно как пропуск на ваш сайт

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

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

6. Избегайте (полностью) звука и мигания во всплывающих окнах

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

7. Протестируйте несколько версий всплывающих окон

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

8. Делайте всплывающие окна быстрыми

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

9. Рассмотрите всплывающие окна выхода

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

10. Проверьте свои всплывающие окна

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

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