Нужны ли всплывающие окна на вашем сайте? True or False?

Сегодня хотелось бы поговорить о всплывающих (модальных, pop-up) окнах. О их реальной пользе или же наоборот. Да-да, есть и «вредные» модальные окна =)

confirmation-modal-window-47099

Итак, приведем пару примеров сразу, которые по нашему мнению — вредные:

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

popup-opt-in-form-pushingsocial

2) Модальное окно показывается посетителям при каждом входе на страницы или после простого обновления страницы.

1333799739_1333214131_svu

3) Модальное окно, сделанное яркой анимацией (моргание, подпрыгивание).

1-bad-popup

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

Если вы находите статью полезной, поделитесь с друзьями. Спасибо!

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

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

callbackhunter

И во втором случае окно покажется только тогда, когда посетитель нажал на кнопку. Будь-то кнопка закрытия окна или кнопка «Подробнее», например.

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

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

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

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

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

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

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

1) Когда необходимо без открытия других страниц что-либо купить. Заказ товара.

00570e4596defab0b0df68ba1b7e14ca

2) Когда нужно дополнительное касание с клиентом. Заказ обратного звонка.

1363712917_callme16sc_2562582_6658602

3) Если есть чем еще заинтересовать посетителя. Подписка.

champion-modal

4) Социальные блоки «Like&Share». Кнопки «Мне нравится» или «Поделиться».

more-modal-window

5) Когда нужно задержать посетителя на сайте (акцией или подарком).

dontgo

Избавляйтесь от лишнего! Ваш лендинг должен иметь, как правило, одну цель. Если модальное окно имеет совсем иную задачу, нежели весь сайт, избавьтесь от такого окна. Это снова таки, только отвлекает посетителей.

Как создать модальное окно без технических знаний и вставить на свой сайт? Это легко вы можете сделать на нашем конструкторе

comments powered by HyperComments

Понравилось? Расскажите друзьям