Что каждый маркетолог должен знать о макете электронной почты

Вот правда: нет большого секрета в создании выигрышного макета электронной почты.

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

Ваш макет также может иметь прямое влияние на вашу прибыль.

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

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

13 лучших практик макета электронной почты, чтобы произвести впечатление на ваших подписчиков в 2020 году

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

1. Мобильный телефон обязателен

Около 54% ​​всех электронных писем открываются на мобильных устройствах, но разные возрастные группы имеют уникальные привычки.

Источник: DMA

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

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

Источник: DMA

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

Важно знать разницу между ними:

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

• Отзывчивые электронные письма являются динамическими — макет меняется в зависимости от того, где подписчик открывает электронное письмо.

2. Отдайте предпочтение доступности макета электронной почты

Примерно 12 миллионов человек старше 40 лет в США страдают от того или иного нарушения зрения. При этом 8% мужчин и полпроцента женщин страдают дальтонизмом или цветовой недостаточностью.

Важно сделать ваши макеты доступными для всех. Примите во внимание эти советы:

• Избегайте мигания изображений для людей с эпилепсией

• Сегментируйте свой список подписчиков по возрасту и создавайте уникальные электронные письма для возрастных групп старше 40 и старше 65 лет.

• Используйте крупный текст и большое расстояние между строками.

• Избегайте сложной лексики и длинных предложений

3. Не пренебрегайте строками темы и текстом предварительного просмотра

Люди склонны рассматривать строки темы и текст предварительного просмотра как часть своего текста, но эти два элемента также играют важную роль в макете.

Например, мобильные экраны обрезают строку темы после 30 или 35 символов.

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

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

Источник: Gmail

4. Используйте плавный «поток» в макете электронной почты

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

Здесь у вас есть два основных варианта:

1. Перевернутая пирамида

2. Z-образная форма

ЮНИСЕФ удалось эффективно использовать оба стиля в этом письме.

Источник: Gmail

5. Помните о цветах и ​​брендинге

Хитрость здесь заключается в том, чтобы сочетать цвета вашего бренда с яркими контрастными цветами.

Крупные бренды заранее планируют, какие цвета они будут использовать в маркетинговых материалах для сезонных праздников, кнопок CTA и уникальных всплесков.

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

Посмотрите еще раз на ЮНИСЕФ. Хотя они обычно придерживаются «голубого цвета США», который используют все агентства ООН, они также имеют расширенную палитру с яркими цветами, чтобы привлечь внимание.

Источник: ЮНИСЕФ.

Еще раз: не забудьте учесть доступность для людей с нарушениями зрения или цветовой недостаточностью.

6. Выберите релевантные изображения

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

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

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

Источник: Gmail

7. Привлеките внимание с помощью GIF

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

GIF-файлы упрощают объяснение сложных тем и даже могут повысить рентабельность инвестиций на 109%.

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

DavidsTea использовал эффектный GIF, чтобы объяснить, как работает их бутылка.

Источник: Действительно хорошие электронные письма

8. Подумайте о динамическом макете электронной почты

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

К счастью, почтовые клиенты, такие как Emma, ​​позволяют отправлять динамические электронные письма, уникальные для каждого подписчика.

Динамический контент берет данные, которые вы собрали о своих подписчиках, и использует их для отправки гиперперсонализированных кампаний. Например, если ваш подписчик обычно открывает электронные письма в Gmail для Android и лучше всего реагирует на синие кнопки CTA, он получит код кампании специально для него.

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

Вот снимок того, как выглядит динамический контент.

Источник: Эмма

9. Белое пространство — ваш друг

Большие блоки текста обычно отпугивают читателей.

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

Пробелы не только облегчают чтение электронных писем, но и компенсируют идею о том, что люди просматривают содержимое (а не читают каждое слово).

10. Используйте кликабельную кнопку CTA

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

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

Nielsen Norman Group обнаружила, что контрастные цвета также важны. Кнопка призыва к действию не должна сливаться с остальными.

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

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

Источник: Gmail

11. Включите интерактивный контент

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

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

Вот пример интерактивной викторины от GoDaddy. Когда вы нажимаете на ответы, вы проходите через разные вопросы.

Источник: Действительно хорошие электронные письма

12. Не забывайте о целевых страницах

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

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

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

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

У ЮНИСЕФ была мобильная целевая страница, готовая к электронному письму о пожертвовании на праздники.

Источник: Gmail

13. Проведите множество тестов макета электронной почты

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

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

Затем вы захотите запустить A/B-тесты, чтобы увидеть, какие типы макетов лучше всего работают в разных сегментах вашей аудитории. То, что вы узнаете, может вас удивить.

Заворачивать

Макет электронной почты включает в себя несколько движущихся частей — иногда даже буквально. Для лучшего опыта не забудьте:

• Отдайте предпочтение мобильному опыту и доступности

• Сделайте ваши призывы к действию четкими и заметными

• Создайте плавный поток и опыт (включая ваши целевые страницы)

• Проведите тесты для разных почтовых клиентов и предпочтений подписчиков

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