Найти в Дзене

4 совета по созданию всплывающих окон, которые не раздражают пользователей.

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

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

Если вы не читали, дабы не отвлекать вас от этой статьи, поместил ссылку на нее в конце.

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

Оу! У тебя такое всплывающее окно ... можно я на него кликну?
Оу! У тебя такое всплывающее окно ... можно я на него кликну?

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

Готовы? Поехали!

1. Предложите что-нибудь актуальное и ценное

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

Часто это происходит когда, то, что предлагается на нем, не представляет ценности для человека или не имеет ничего общего с содержанием страницы, на которой он находится.

Не становитесь в ряд с теми кто так поступает.

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

Например, если он читает статью про то, как правильно клеить обои. Предложите ему бесплатную инструкцию по этой теме.
Которую можно скачать, подписавшись на рассылку.
-2

2. Подумайте о том, как люди взаимодействуют с вашими страницами.

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

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

Опираясь на то, как посетитель взаимодействует с вашим сайтом.

Например.

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

Еще один пример.

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

Чтобы точно понять, как ваши посетители взаимодействуют вашим сайтом, воспользуйтесь системами метрик: Яндекс метрика, Google Analytics.

В них вы можете увидеть среднее время, которое человек находится на его отдельных страницах.

А вебвизор в Яндексе благодаря записанным сеансам, тепловой карте и карте кликов даст понимание: как именно пользователь взаимодействует с отдельными блоками и элементами.

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

3. Будьте конкретны, понятны и человечны.

Большинство всплывающих форм имеют довольно простой дизайн.

Она состоит из:

  • Заголовка.
  • Основного текста.
  • Возможно, из изображения.
  • Полей формы (тоже не всегда).
  • Как правило, кнопки действия.

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

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

1. Конкретность.

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

  • Вместо "Советы по ремонту" напишите, что это "10-страничное руководство с 7 типовыми ошибками тех, кто делает ремонт у себя дома".
  • Не предлагайте подписаться на рассылку. Спросите его, согласен ли он получать два или три электронных письма на определенную тему в неделю.

2. Понятность.

Дайте вашим посетителям понять, что вы от них хотите.

  • Вместо кнопки "Отправить" попробуйте написать «Скачать руководство бесплатно» или «Получить бесплатное руководство».

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

3. Человечность.

Когда вы пишете тексты для таких окон - постарайтесь не потеряться в шаблонных формулировках.

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

Используйте разговорный язык.

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

Это также относится к вашим призывам к действию.

Чувствуете как форма заиграла сразу?
Чувствуете как форма заиграла сразу?

4. Особый подход к мобильным устройствам.

Стремясь улучшить взаимодействие с мобильными пользователями, Google объявил, что начнет наказывать веб-сайты, которые используют раздражающие элементы.

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

Мы не хотим, чтобы позиции в Google упали из-за использования всплывающих форм.

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

Либо убедиться, что они отображаются корректно, не закрывая пользователю весь экран устройства.

И дают возможность его закрыть. В том числе при клике на любое место вокруг окна.

Хороший вариант - небольшое всплывающее сообщение в верхней части экрана. С кнопками призыва к действию и возможностью отказаться.

Так, это что еще такое полезное появилось сверху? Дай-ка кликну.
Так, это что еще такое полезное появилось сверху? Дай-ка кликну.

Заключение.

Итак, мы с вами разобрались со всплывающими окнами на сайтах.

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

Теперь вы знаете как их использовать.

Пробуйте, тестируйте, получайте результаты.

Спасибо, что дочитали статью до конца. Это мотивирует писать еще.

Подписывайтесь на канал, чтобы не пропустить новые выпуски:

Рекомендую почитать:

До встречи в следующих выпусках!
До встречи в следующих выпусках!