Всплывающие окна электронной почты повсеместно распространены в онлайн-мире. Похоже, что почти на каждом веб-сайте, который вы посещаете, есть такой сайт, который стремится захватить ваш адрес электронной почты в обмен на скидку, информационный бюллетень или другие стимулы. Хотя они могут быть мощным инструментом для создания вашего списка адресов электронной почты и повышения конверсии, плохо спроектированные всплывающие окна могут быстро отпугнуть посетителей.
К сожалению, многие всплывающие окна не соответствуют этой отметке. Навязчивое время, нерелевантные предложения и неуклюжий дизайн могут быстро превратить посетителей из потенциальных подписчиков в разочарованных пользователей, которые переходят по ссылке. Плохо спроектированные всплывающие окна могут повредить имиджу вашего бренда и помешать вашим усилиям по привлечению потенциальных клиентов.
Однако хорошо продуманные всплывающие окна могут стать мощным инструментом. Предлагая четкую ценность, появляясь в нужный момент и уважая пользовательский опыт, всплывающие окна могут эффективно привлекать потенциальных клиентов и расширять ваш список адресов электронной почты. В этой статье мы предоставим вам знания и стратегии проектирования. всплывающие окна по электронной почте которые не только конвертируют, но и оставляют положительное впечатление у посетителей.
Причины, почему большинство плохо спроектированных всплывающих окон раздражают посетителей
Навязчивый тайминг и внешний вид
Это распространенная причина, которую большинство пользователей не учитывают перед созданием всплывающего окна электронной почты. Например, ударяя посетителей всплывающее окно с вращающимся колесом еще до того, как они увидят ваш веб-сайт, они прерывают просмотр и кажутся навязчивыми. То же самое можно сказать и о всплывающем окне, когда кто-то заходит на вашу страницу. Это выглядит агрессивно и пренебрежительно по отношению к их намерениям. Это не позволяет им изучить ваш контент и понять ваше ценностное предложение до того, как вы попросите их электронную почту.
Веб-сайты, использующие большие всплывающие окна, блокирующие контент, к которому пытаются получить доступ пользователи, нарушают работу и препятствуют их прогрессу. Это вынуждает пользователей делать нежелательный обходной путь, закрыв всплывающее окно, прежде чем они смогут продолжить намеченную задачу, вызывая разочарование и замедляя их работу.
Кроме того, всплывающие окна, которые перекрывают основные кнопки, меню или призывы к действию, затрудняют или делают невозможным взаимодействие пользователей с веб-сайтом должным образом. Это нарушает естественный поток их опыта и препятствует их способности достигать своих целей.
Отсутствие актуальности и ценности
Большинство всплывающих окон раздражают посетителей, потому что они не могут предложить никакой ценности в обмен на их драгоценное внимание и адреса электронной почты. Есть три основных причины, по которым всплывающее окно теряет актуальность и ценность, что приводит к раздражению посетителей.
Показаны общие предложения: Они не удовлетворяют индивидуальные потребности. Например, общий всплывающие видео В интернет-магазине одежды скидка 10% на платья не понравится тем, кто конкретно интересуется рубашкой, шляпой или обувью.
Иногда эти предложения кажутся безличными и спамовыми. Они предполагают отсутствие усилий для понимания интересов посетителя. Кроме того, слишком много общих вариантов может перегрузить посетителей и снизить вероятность их взаимодействия.
Указание неясных преимуществ: Предложения, которые не доносят эффективно ценность предложения, могут легко раздражать посетителя. Посетители должны понимать, что они получают в обмен на свои адреса электронной почты. Если выгода неясна, посетители могут усомниться в законности предложения.
Кроме того, если для взаимодействия требуется повышенное умственное усилие, посетители могут быстро закрыть свои вкладки. А мобильное всплывающее окно который не может быть легко расшифрован, скорее всего, будет закрыт посетителем, который делает несколько вещей на своем телефоне.
Несоответствие содержанию: всплывающее окно с информацией о несвязанном содержимом отвлекает внимание посетителя от страницы, с которой он активно взаимодействует. Часто это кажется неуместным и неуместным. Например, всплывающее окно со скидкой на обувь в статье блога о садоводстве создает резкий разрыв. Подобный диссонанс между контентом и всплывающими сообщениями предполагает отсутствие внимания к деталям и персонализации и подрывает доверие к бренду.
Трудно закрыть всплывающие окна
Приходится пролистывать несколько слоев всплывающие окна на сайте или пройти многоэтапный процесс, чтобы просто закрыть их, кажется, что вы оказались в ловушке в лабиринте. Это ненужно и отнимает много времени, добавляя ощущения, что вас принуждают к чему-то, чего вы не хотите.
Некоторые всплывающие окна имеют несколько кнопок, а некоторые замаскированы под «фальшивые» кнопки закрытия, которые приводят к дальнейшим действиям, которые вы не планировали.
Представьте, что вы поглощены статьей, когда появляется всплывающее окно, а в углу спрятан крошечный «X», заставляющий вас искать его, стараясь не ошибиться и не вызвать действие, которого вы пытаетесь избежать. Это разочаровывающее прерывание, похожее на игру в прятки, приводящее вас в реактивное, разочарованное состояние. Никто не хочет испытать это.
Чрезмерная частота всплывающих окон
У людей ограничены когнитивные ресурсы. Постоянные всплывающие окна перегружают наше внимание, что приводит к усталости и разочарованию. Когда всплывающие окна появляются часто, особенно с агрессивными кнопками закрытия или несколькими шагами, посетители могут почувствовать себя в ловушке. Чрезмерное количество всплывающих окон вызывает отчаяние, подрывая авторитет и профессионализм сайта. Посетители могут воспринимать их как тактику принудительного сбора информации, подрывающую доверие и потенциально наносящую вред репутации.
Основные принципы создания удобных для пользователя всплывающих окон
Нераздражающие всплывающие окна предназначены для улучшения пользовательского опыта и взаимодействия, не отвлекая и не раздражая посетителей. Вот несколько принципов, которым следует следовать при внедрении нераздражающих всплывающих окон:
1 – Тайминг
Отображать всплывающие окна в подходящее время, используя такие правила таргетинга, как выход намерение. Это позволяет показывать всплывающее окно только тогда, когда пользователь провел на сайте определенное количество времени или собирается его покинуть. Прерывание работы пользователя в Интернете с помощью немедленного всплывающего окна может раздражать.
2 – Актуальность
Убедитесь, что содержимое всплывающего окна соответствует текущей активности или интересам пользователя. Используйте то, что вы знаете о своей аудитории, чтобы персонализировать предложения, которые они видят. Персонализируйте сообщение на основе поведения пользователя или демографических данных, чтобы повысить его релевантность.
3 – Ценностное предложение
Объясните ценность всплывающего окна в ясных терминах. Не надо никакой двусмысленности и неясности. Сообщите пользователям, что они получат от взаимодействия со всплывающим окном, будь то скидка, эксклюзивный контент или полезная информация.
4 – Легкость увольнения
Предоставьте пользователям возможность закрыть всплывающее окно, если оно им не интересно. Это показывает, что вы уважаете их время, даже если они не взаимодействовали с вашим всплывающим окном. Включите четкую и заметную кнопку закрытия и убедитесь, что пользователи могут легко ее найти.
5 – Частота
Ограничьте частоту всплывающих окон, чтобы не перегружать пользователей. Например, если вы разработали всплывающее окно в Poptin, вы можете настроить частоту его отображения только один раз в день, один раз в несколько дней или постоянно. Все зависит от выбранной вами стратегии, но помните, что слишком частое отображение всплывающих окон может расстроить посетителей и привести к негативному восприятию веб-сайта.
6 – Эстетическая привлекательность
Создавайте всплывающие окна, которые визуально привлекательны и соответствуют общей эстетике вашего сайта. Много всплывающие подсказки предлагает полные возможности настройки: вы можете использовать высококачественные изображения, шрифты и цвета, чтобы сделать всплывающее окно визуально привлекательным.
7 – Мобильная оптимизация
Убедитесь, что ваши всплывающие окна оптимизированы для мобильных устройств. У мобильных пользователей ограниченное пространство на экране, поэтому важно создавать всплывающие окна, которые будут отзывчивыми и ненавязчивыми на небольших экранах.
8 – Тестирование и оптимизация
Постоянно тестируйте различные дизайны всплывающих окон, стратегии выбора времени и сообщения, чтобы определить, что лучше всего подходит вашей аудитории. Используйте A/B-тестирование, чтобы сравнить производительность различных вариантов и соответствующим образом оптимизировать их.
9 – Уважайте предпочтения пользователя
Уважайте предпочтения пользователей в отношении всплывающих окон. Предоставьте пользователям возможность отказаться от показа всплывающих окон в будущем, если они посчитают их навязчивыми.
10 – Соответствие
Убедитесь, что всплывающие окна соответствуют соответствующим нормам, таким как GDPR или CCPA, особенно в отношении сбора данных и согласия пользователей. Будьте прозрачны в отношении того, как будут использоваться пользовательские данные, если они собраны через всплывающее окно.
Рекомендации по дизайну и контенту всплывающих окон, которым стоит следовать
1- Время имеет решающее значение
Избегайте бомбардировки пользователей всплывающими окнами сразу после перехода на ваш сайт. Дайте им некоторое время сначала поработать с контентом. Отложите появление всплывающих окон до тех пор, пока пользователи не проведут на странице разумное количество времени или не прокрутят ее вниз на определенный процент.
2 – Триггеры намерения выхода
Используйте технологию выхода из сайта для отображения всплывающих окон, когда пользователи собираются покинуть ваш сайт. Это может быть менее навязчиво, поскольку не мешает просмотру страниц.
3 – Обеспечьте ценность
Убедитесь, что ваше всплывающее окно предлагает что-то ценное для пользователя, например скидку, эксклюзивный контент или полезный ресурс. Сообщите о выгоде, которую они получат, воспользовавшись всплывающим окном.
4 – Ясные и краткие сообщения
Содержимое всплывающего окна должно быть кратким и по существу. Сообщите о цели всплывающего окна и о том, какое действие необходимо предпринять пользователю. Избегайте использования чрезмерного жаргона или ненужной информации.
5 – Используйте привлекательный дизайн
Создавайте всплывающие окна так, чтобы они были визуально привлекательными и соответствовали брендингу вашего сайта. Используйте высококачественные изображения, цвета и типографику, чтобы привлечь внимание, не вызывая при этом неприятных ощущений.
6. Сделайте так, чтобы их было легко уволить
Предоставьте пользователям понятную и легко доступную возможность закрыть всплывающее окно, если оно им не интересно. Это может быть заметная кнопка закрытия или тонкий значок «X» в углу.
7. Рассмотрите возможность использования мобильных устройств
Убедитесь, что ваши всплывающие окна оптимизированы для мобильных устройств. Они должны быть отзывчивыми и с ними легко взаимодействовать на небольших экранах, не закрывая при этом обзор пользователя.
8 – Тестируйте разные элементы
Поэкспериментируйте с различными вариантами всплывающих окон, чтобы увидеть, какие из них работают лучше всего с точки зрения вовлеченности и конверсии. Тестируйте различные конструкции, обмен сообщениями и триггеры для оптимизации производительности.
9 – Установите целевые правила
Ограничьте частоту показа всплывающих окон пользователям, чтобы они не чувствовали себя перегруженными или раздраженными. Установите правила для управления частотой показа всплывающего окна одному и тому же пользователю в течение определенного периода.
Заключение
Помните, что всплывающие окна по электронной почте являются мощным инструментом для привлечения потенциальных клиентов, но для их эффективного использования требуется уважение к опыту ваших посетителей. Следуя принципам и лучшим практикам, изложенным выше, вы можете создавать всплывающие окна, которые не только привлекут ценных потенциальных клиентов, но и оставят положительное впечатление у вашей аудитории.
И если вы готовы прямо сейчас приступить к разработке всплывающих окон, вы можете начать здесь.
