Что нужно знать каждому маркетологу о макете электронного письма

Опубликовано: 2021-08-18

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

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

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

Треть людей считает, что плохой дизайн - их самая большая жалоба на электронную почту. Между тем, 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

Источник: Gmail

5. Помните о цветах и ​​фирменном стиле.

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

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

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

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

Цветовая палитра ЮНИСЕФ

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

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

6. Выберите подходящие изображения.

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

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

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

Пример Penn LPS Online

Источник: Gmail

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

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

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

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

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

Пример гифки Davids Tea

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

8. Рассмотрите динамический макет электронного письма.

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

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

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

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

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

пример динамического контента на emma

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

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

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

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

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

10. Используйте кнопку с призывом к действию.

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

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

Nielsen Norman Group обнаружила, что контрастные цвета также важны. Ваша кнопка CTA не должна сливаться.

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

American Enterprise Institute предлагает два четких призыва к действию, поэтому нет никаких сомнений в том, что стоит за ссылкой.

Американский институт предпринимательства: два ярких примера призывов к действию

Источник: Gmail

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

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

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

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

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

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

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

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

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

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

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

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

Пример мобильной целевой страницы ЮНИСЕФ

Источник: Gmail

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

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

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

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

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

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

  • Сделайте ставку на мобильную связь и доступность в приоритетном порядке

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

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

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

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