10 правил успешного дизайна электронных писем

Перевод статьи 10 rules for designing emails your customers will want to read.

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

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

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

 

1. Точный расчёт

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

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

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

10 правил успешного дизайна электронных писем

 

2. Следуйте привычному шаблону поведения

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

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

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

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

10 правил успешного дизайна электронных писем

 

3. Минимализм: говорите кратко

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

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

Посмотрите на примеры того, какие минималистичные письма приходят в Evomail.

10 правил успешного дизайна электронных писем

4. Применяйте акцентирование

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

10 правил успешного дизайна электронных писем

 

5. Расскажите, о чём хотите, но немного позже

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

 

6. Повторяйте призыв к действию

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

Почта MailChimp размещает свой ​​призыв к действию наверху, а затем повторяет его внизу.

10 правил успешного дизайна электронных писем

 

7. Ограничьте количество вариантов

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

 

8. Положитесь на пробелы

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

Здесь вы можете увидеть, как пробелы акцентируют внимание читателя на маркетинговом сообщении.

10 правил успешного дизайна электронных писем

 

9. Особые слова об адаптивных письмах

Сегодня люди смотрят на свои мобильные устройства около 150 раз в день! Кроме того, 4 из 5 человек будут удалять сообщения, если они плохо выглядят на их мобильных устройствах. Всё это означает, что сегодня вы больше, чем когда-либо должны уделять внимание способам эффективного донесения информации до ваших читателей.

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

Что они делают? Определяют размер экрана устройства, а затем применяют различные наборы правил, которые используются в указанном размере экрана. На основании того, что конкретно вы хотите достичь, запросы @media могут быть легко или трудно реализуемы. Обратите внимание, что они не будут работать во всех почтовых клиентах, поэтому нужно проводить тщательное тестирование в отличие от обычных электронных писем.

Основываясь на вашем экране определенного размера и типе устройства CSS может точно определить необходимые для отображения параметры. По сути, запрос @media будто говорит, что если ваше электронное письмо смотрят на экране размером 480px, то нужно использовать соответствующий CSS-код.

В данном случае это: @media screen and (max-width: 480px)

 

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

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

В настоящее время адаптивность поддерживаются:

  • Android 4.x Email OEM app
  • iOS Mail app
  • Windows Phone 7.5
  • BlackBerry Z10
  • BlackBerry OS7

А здесь адаптивные письма в настоящее время не поддерживаются:

  • Android Gmail app
  • iPhone Gmail app
  • iPhone Yahoo Mail app
  • iPhone Mailbox app
  • Blackberry OS5
  • Android Yahoo Mail app
  • Windows Phone 7
  • Windows Phone 8
  • Windows Mobile 6.1

 

10. Дизайн электронных писем для читателей

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

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

Применение этих советов в значительной степени поможет повысить эффективность ваших электронных писем.