Дизайн всплывающих форм подписки, которые полюбят ваши посетители

*Статья впервые опубликована в мае 2011 года, обновлена в апреле 2020 года*

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

Существует множество способов размещения форм подписки, в том числе:

— Поповеры

— Всплывающие окна (Pop-ups)

— Выезжающие панели (Slide-ins)

— Лайтбоксы

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

## Что такое лайтбокс-оверлей для подписки?

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

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

Я наткнулся на интересное исследование «Диалоговые окна в виде лайтбоксов» в блоге Якоба Нильсена Alertbox. В одном из примеров он показывает лайтбокс, который очень похож на те, что мы рассматривали в нашем предыдущем обзоре форм подписки:

*Источник: Nielsen Norman Group*

Нильсен высоко оценил такие лайтбоксы, назвав их «техникой взаимодействия года» в своем исследовании хороших интерфейсов приложений 2008 года. Он подтвердил это мнение в марте, заявив:

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

Однако в том же исследовании Нильсен раскритиковал другой тип оверлея, назвав его «отвратительным извращением» и «не лучшим решением, чем всплывающее окно, которое является рекламным форматом №1 по уровню ненависти у пользователей». Вот эта форма подписки:

*Источник: Nielsen Norman Group*

Так что же делает лайтбокс Webjet лучше этого оверлея? Эффект затемнения. В исследовании 2008 года это сформулировано красноречиво:

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

Основная проблема второго дизайна в том, что он никак не выделяется на фоне перегруженной (и не особо привлекательной) страницы, создавая путаницу: читатель не понимает, на что смотреть — на логотип сайта, на кнопку «Подписаться» или на призыв к действию. Кроме того, оверлей визуально не сочетается с остальным сайтом, вплоть до использования совершенно других шрифтов.

## Как работают оверлеи в 2020 году

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

Обновленная статья Nielsen Norman Group утверждает, что лайтбоксы часто используются неправильно, из-за чего их часто называют «раздражающими».

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

Вот несколько оверлеев, которые работают хорошо.

### 1. Glossier

Вот ненавязчивый лайтбокс от Glossier:

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

### 2. SeedProd

Этот лайтбокс от SeedProd позволяет легко отказаться от предложения — ключевая особенность, которая удерживает клиентов от раздражения:

### 3. Us Weekly

Us Weekly придерживается привычного тона бренда. Остроумный текст находит отклик у читателей и является простым способом получить данные подписчиков:

## Добавление формы подписки на сайт

Решая, подходит ли лайтбокс для вашего бренда, учтите несколько моментов:

— Является ли контент достаточно срочным, чтобы использовать оверлей вместо размещения в основном тексте страницы?

— Важна ли информация, которую нужно собрать, прежде чем посетитель продолжит работу на сайте?

— Насколько вероятно, что посетитель совершит целевое действие?

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

*Источник: WordPress*

## Лучшие практики создания форм подписки

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

### Запрашивайте только самое необходимое.

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

### Используйте убедительный CTA (призыв к действию).

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

## Итоги

Решение об использовании оверлеев зависит от личных предпочтений и того, насколько это уместно на вашем сайте. Лучший способ определить, что работает для вашей аудитории — провести A/B-тесты. Узнав, какой тип формы эффективен, помните о двух правилах:

— Убедительные призывы к действию (CTA)

— Принцип «меньше — значит лучше»

**Интересуетесь, какие стратегии подписки работают, а какие нет? Ознакомьтесь с этими 4 успешными стратегиями и примерами.**