Email-рассылка – это визитная карточка бизнеса в общении с подписчиками. Каждый человек, открывая сообщение, в первую очередь обращает внимание на визуал, а после уже на текст. Структура и наполнение email: графика, иллюстрации, цвета, шрифты – это все играет важную роль в прочтении письма до конца и влияет на выполнение пользователем нужного действия. В этом материале мы делимся рекомендациями для дизайна email-рассылок.
Текст
Важные мысли оформляйте в виде подзаголовков, выделяйте другим шрифтом или кегелем, но в меру. Особенно осторожными будьте с цветом. Иначе потеряется важность мысли, у читателя будет рябить в глазах, а почтовикам сие великолепие может показаться подозрительным. Не обводите и не выделяйте слова курсивом, подчеркиванием. Получатель может принять подчеркивание за ссылку и безуспешно пытаться по ней перейти.
Максимальная ширина текстового блока – 600px – этого достаточно для нормального восприятия абзаца в 3-4 строчки, где можно вместить 6-8 предложений. В одной строке обычно помещается до 80 символов. Текст с четкой структурой просто и приятно читать.
Цвет текста
Цвет текста в теле письма должен лаконично контрастировать с фоном, на котором он находится – это залог того, что пользователь без проблем прочтет сообщение. Чередуйте текстовые блоки с изображениями в соотношении как минимум 50/50 – это влияет на доставляемость сообщений.
Неудачное использование цветов в email-рассылке
Шрифт
Шрифты можно разделить на:
- безопасные – те, которые отображаются всеми почтовыми клиентами – это Arial, Verdana, Tahoma, Times New Roman и др. Полный список можно посмотреть здесь;
- небезопасные – они могут не поддерживаться почтовиками – это Georgia, Courier и др.
Для оформления текста email-письма, конечно, надежнее использовать безопасные шрифты. Если вам нужен шрифт типа антиква, с засечками и нестандартными символами или дизайнерский/собственный, обязательно прописывайте запасной в коде письма и тестируйте рассылку, чтобы убедиться в правильности отображения. Напомним, что с eSputnik вы можете добавлять кастомные шрифты в рассылку.
Пример рассылки с использованием шрифта антиква
Стандарты оформления шрифтов для емейл-письма:
- размер – 14-16px, межстрочный интервал 1.5 – так получателю не придется вчитываться в каждое слово;
- без Caps Lock – письма, в которых много текста написано капсом, часто отправляются в спам.
Совет: реагируйте на изменения в обществе. Например, в октябре этого года многие крупные компании (“Яндекс”, “Лента”, “Почта России”, “РБК” и др.) изменили написание своих логотипов в стиле доброшрифта – специального шрифта, приуроченного к Международному дню ДЦП. Это пример изменения оформления всего одного элемента, но действительно важного для привлечения внимания аудитории к острым проблемам.
Логотипы участников в доброшрифте (подборка взята с сайта habr.com)
Тема письма
Особое внимание уделите теме: она не должна быть скучной или провокационной. Этот текст должен показать подписчику пользу от прочтения емейла, дать понимание, о чем само сообщение, и мотивировать прочесть его именно сейчас. Без хорошей информативной темы письмо могут вовсе не открыть. А если речь идет о людях с ограниченными возможностями или тех, кто пользуется голосовыми помощниками, то не откроют наверняка. Получите больше инсайтов о доступности рассылок из нашего гайда.
Рекомендуемое количество символов в теме для десктопной версии – 70-150, для мобильных – 35-40. Чаще всего пользователи открывают сообщения, тема которых состоит из 6 слов. Эти цифры не нужно держать в голове: теперь наш редактор показывает рекомендации при создании письма.
Советы для составления тем от eSputnik
Preheader
Прехедер дополняет тему и тоже влияет на Open Rate: 24% получателей на его основе принимают решение, открыть рассылку или нет. Пишите понятный и короткий прехедер. Например, Gmail покажет предложение в 100-120 символов, включая пробелы. Если вы не хотите, чтобы получателю пришлось читать дважды одно и то же, используйте для написания прехедера маленький кегль и основной цвет фона (его будет не видно). Чтобы у вас не возникло проблем с оформлением прехедера, в редакторе eSputnik уже все учтено, просто заполняйте поле "Скрытый предзаголовок".
Добавление скрытого прехедера
Цифры, эмодзи, знаки
Используйте цифры, эмодзи и знаки (восклицания, вопроса и т. д.) как в теме письма, так и в общем тексте емейл-рассылки. Только в разумных пределах, т. к. нагромождение этих элементов может оттолкнуть получателя, если он, конечно, увидит их во входящих. Зачастую такие сообщения автоматически попадают в спам.
К выводам
При составлении дизайна и верстке писем для рассылки нужно учитывать все составляющие: каждый блок имеет определенную значимость и не должен нарушать общую структуру. Чем меньше отвлекающих факторов, тем выше шансы, что вас правильно поймут.
Не старайтесь добиться совершенства в дизайнерских фишках: то, что они понравились вам, не значит, что они понравятся всем. Точнее, обязательно кому-то они не понравятся и это нормально. Чтобы создать привлекательное во всех смыслах сообщение:
- соблюдайте основные правила создания рассылки;
- помните, что в зависимости от структуры мобильная и десктопная версии писем могут отличаться – делайте сообщения адаптивными;
- учитывайте тренды в дизайне email-писем;
- проводите предварительное тестирование верстки и дизайна письма и отдельных его элементов.
Каким именно будет оформление рассылки, решаете вы. Воплощайте даже самые смелые решения и создавайте стильные, узнаваемые емейлы с помощью широкого и удобного функционала eSputnik!