7 советов по дизайну для создания успешных писем в 2016 году

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

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

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

Получите бесплатный отчет →

Вот краткий обзор того, что вы найдете внутри:

1. СОБЛЮДАЙТЕ ЧАСЫ APPLE WATCH

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

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

Существует также более продвинутый вариант добавления третьей части к вашему сообщению: text / watch-html. Включив эту дополнительную часть и указав Content-Type как «text / watch-html», Watch будет отображать часть text / watch вместо простой текстовой части, когда часть HTML не подходит. Однако не забудьте посоветоваться со своим ESP, прежде чем добавлять часть Watch - не все это поддерживают.

2. ОПТИМИЗАЦИЯ БЛОКИРОВКИ ИЗОБРАЖЕНИЯ

Outlook 2016 и приложение AOL Alto Mail были представлены в 2015 году, и каждое изображение по умолчанию блокирует. Дизайнеры электронной почты должны использовать защитные методы дизайна, такие как текст ALT, пуленепробиваемые кнопки и надлежащий баланс изображений и текста HTML, чтобы бороться с блокировкой изображений.

3. НЕ СКРЫВАЙТЕ ССЫЛКУ ДЛЯ НЕПОДПИСИ

В сентябре 2015 года Gmail представил новую функцию «блокировки» для всех пользователей веб-почты Gmail и приложений Gmail для Android, что дало потребителям еще одну возможность избавиться от нежелательной электронной почты в своих почтовых ящиках. Когда подписчик «блокирует» отправителя, это означает, что он больше никогда не увидит электронное письмо от этого отправителя.

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

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

Кроме того, добавьте заголовок «list-unsubscribe», и Gmail при определенных обстоятельствах разместит ссылку «Отказаться от подписки» после вашего имени и адреса электронной почты отправителя.

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

4. ОБНОВЛЯЙТЕ ИНТЕРАКТИВНУЮ ЭЛЕКТРОННУЮ ПОЧТУ.

В сентябре 2015 года Apple выпустила последнюю версию своей мобильной операционной системы iOS 9. Эта обновленная операционная система добавила поддержку нескольких новых свойств CSS и внесла несколько изменений, которые не могут не разочаровать дизайнеров электронной почты.

Одно такое разочарование? Общий родственный селектор (~) не всегда поддерживается. Члены сообщества Litmus Реми Парментье и Джастин Кху сообщили, что общий селектор братьев и сестер ~ не поддерживается в iOS 9 при использовании с селекторами псевдоклассов: hover или: checked.

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

К счастью, есть исправление! Просто замените общий родственный селектор ~ на соседний родственный селектор +. Хотя он и не такой гибкий, как менее конкретный общий селектор братьев и сестер, он дает те же результаты.

5. ИСПОЛЬЗУЙТЕ ТАБЛИЧНЫЕ МАКЕТЫ

В сентябре 2015 года Microsoft выпустила последнюю версию своего клиента Outlook - Outlook 2016. К сожалению, он не сильно изменился по сравнению со своими предшественниками. Как и Outlook 2007, 2010 и 2013, Outlook 2016 отображает электронные письма с помощью Microsoft Word, который плохо поддерживает HTML и CSS и имеет массу неприятных причуд.

Более поздние версии Outlook (2007–2016 гг.) Плохо поддерживают HTML и CSS и содержат ряд особенностей, о которых следует помнить:

• Нет поддержки фоновых изображений в div и ячейках таблицы
• Нет поддержки CSS float или position
• Нет поддержки тени текста
• Плохая поддержка отступов и полей
• Плохая поддержка ширины и высоты CSS
• Проблемы с цветом фона вложенных элементов

Из-за отсутствия поддержки многих свойств CSS, макеты на основе таблиц необходимы для оптимизации в Outlook 2016. Вы также можете использовать условный CSS для конкретной ориентации на Outlook 2016.

6. ИСПОЛЬЗУЙТЕ МОБИЛЬНЫЕ ЭЛЕМЕНТЫ.

Поскольку 55% ​​электронных писем открывается на мобильных устройствах, как никогда важно иметь стратегию мобильной электронной почты. Хотя использование адаптивного дизайна - отличный вариант, вы также должны использовать удобные для мобильных устройств элементы в тех случаях, когда медиа-запросы не поддерживаются.

Например, ни приложение AOL Alto Mail, ни приложение Universal Outlook, которые были представлены в 2015 году, не поддерживают медиа-запросы.

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

7. ИСПОЛЬЗУЙТЕ ОТКРЫТЫЕ ДАННЫЕ ДЛЯ ПРИНЯТИЯ ДИЗАЙНЕРСКИХ РЕШЕНИЙ.

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

Например, мы увидели, что в 2015 году количество открытий iPhone увеличилось на 22%, что составляет 33% от общего числа открытий электронной почты. Если вы видите что-то подобное в своей аудитории, вы можете использовать эти данные для обоснования своих дизайнерских решений. Мы знаем, что iOS, операционная система iPhone, отлично поддерживает HTML и CSS, поэтому вы можете безопасно использовать передовые методы, такие как видео фоны HTML5, в наших кампаниях.

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

ПОЛУЧИТЬ ОТЧЕТ ПО ЭЛЕКТРОННОЙ ПОЧТЕ ЗА 2016 ГОД

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

Получить отчет о состоянии электронной почты за 2016 год →