Независимо от того, насколько хорош контент, дизайн может сделать или разрушить вашу рассылку. Вот несколько советов по дизайну Как отправить правильное рассылки по электронной почте и как оптимизировать ее для конверсии.
Любой дизайнер, который стоит своих денег, скажет вам, что хороший дизайн невидим, но это не значит, что он не требует усилий. Эффективность ваших сообщений зависит от дизайна. Хороший дизайн рассылки по электронной почте не просто привлекателен; он заметно дополняет написанные вами слова.
Шаблоны электронных писем — отличный инструмент для большинства маркетологов; если у вас нет часов на дизайн и макет, мы рекомендуем использовать один, а не начинать с нуля. Конструкторы электронных писем с функцией перетаскивания позволяют вам настраивать любой шаблон, чтобы сделать его своим. На самом деле, вносить изменения часто проще, чем делать их красивыми. Вот как превратить базовый шаблон в персонализированное электронное письмо, которое ваши читатели будут рады получить.
Выберите шаблон рассылки по электронной почте, который соответствует вашему контенту
Имейте готовый план или список контактов уровня c даже финальную часть контента, прежде чем искать шаблон. В противном случае вы можете пройти процесс настройки и обнаружить, что ваш шаблон не подходит. Даже шаблоны, разработанные специально для новостных рассылок, не являются взаимозаменяемыми.
Обязательные элементы вашего шаблона будут определяться типом отправляемого вами электронного письма. Вы делитесь обзором популярных ссылок? Ищите дизайн с несколькими разделами и разделителями. Вы пишете эссе о лидерстве мысли? Вам нужен шаблон с минималистской, текстовой компоновкой.
Совет по дизайну: Сохраняйте шаблоны, которые вы использовали для будущих рассылок. Последовательность делает ваши маркетинговые кампании профессиональными — и вы сэкономите время, придерживаясь того, что работает.
Сделайте его своим, добавив свой брендинг
Читатель должен понять, кому адресовано электронное письмо, в течение нескольких секунд после его открытия. Использование активов и цветов бренда делает вашу личность ясной с самого начала.
Нет никаких оправданий для bыведите свою маркетинговую игру на новый уровень с помощью отправки email-кампании без вашего логотипа или товарного знака. Большинство шаблонов имеют раздел для этого вверху; если в вашем нет, добавьте его. Также хорошей практикой является размещение вашего логотипа или товарного знака в нижнем колонтитуле электронного письма.
Ваш шаблон также должен включать цветовую схему вашего бренда. Не переусердствуйте — нет необходимости включать целую цветовую палитру или координировать каждый элемент. При изменении цветов текста и фона сохраняйте читаемость , сохраняя размер шрифта большим и используя высококонтрастные цветовые сочетания.
Совет по дизайну: дважды проверьте цветовую палитру с помощью Contrast Checker от WebAIM . Если ваш шрифт светлее шрифта по умолчанию, вам может потребоваться увеличить контрастность, чтобы соответствовать рекомендациям по доступности.
Составьте схему путешествия вашего читателя с помощью элементов дизайна
Дизайн — это не только База данных факсов эстетика. Это инструмент, который вы можете использовать для формирования опыта читателя. Большинство людей просматривают свои электронные письма , но вы можете использовать дизайн, чтобы стратегически выделить заманчивую информацию и завоевать полное внимание читателя.
Установите иерархию, чтобы выделить ключевые моменты
Использование типографики для создания визуальной иерархии помогает сканерам быстро выделить ключевое сообщение вашего письма. Размер, вес, цвет, уровни контрастности и даже форма текста дают подсказки, направляющие внимание читателя. Чем длиннее ваше письмо, тем больше иерархических элементов — таких как заголовки и подзаголовки — необходимо для разбиения вашего контента на удобоваримые разделы.
Совет по дизайну: При создании стилей текста не переусердствуйте с дифференциацией. Вам нужно изменить только один или два элемента — например, вес и размер или размер и цвет — чтобы обозначить иерархию.
Проведите читателей через более длинное электронное письмо с привлекающими внимание элементами
Макет вашего информационного бюллетеня должен соответствовать визуальной иерархии, которую вы создали ранее, чтобы перетягивать взгляды от одного ключевого элемента к другому. Перевернутая пирамида — отличный формат для коротких сообщений с одним призывом к действию; для более длинных информационных бюллетеней требуется несколько элементов, чтобы удерживать внимание читателей на протяжении всего сообщения. Попробуйте использовать:
- Контрастные или акцентные цвета для шрифта или фона, чтобы создать образ, который будет трудно различить
- Границы для разделения различных разделов, чтобы читатели, просматривающие один раздел, знали, где он заканчивается (и начинается следующий)
- Выравнивание текста для разбивки абзацев и привлечения внимания к интересным предложениям, цитатам или аргументам.
Совет по дизайну: если вы не можете решить, как лучше всего помочь вашим читателям усвоить информацию, которой вы делитесь, почерпните вдохновение из этих замечательных примеров информационных бюллетеней .
Всегда выделяйте призывы к действию
Ваши призывы к действию должны быть легко находимыми и с ними должно быть легко взаимодействовать, независимо от того, один или несколько из них в вашем письме. Два самых популярных расположения призывов к действию — над сгибом (видно без прокрутки) или в конце вашего сообщения. Оба являются естественными точками остановки в любой схеме сканирования. Независимо от расположения, ваш призыв к действию с большей вероятностью увидит действие, если это кнопка .
Однако кнопки не являются правильным выбором для каждого формата рассылки. Резюме по своей природе включают несколько ссылок, все из которых одинаково важны. Длинный контент может содержать ссылки, которые поддерживают ваши аргументы. Ссылки в тексте или коллекции ссылок не обязательно должны быть кнопками. Их просто нужно отформатировать таким образом, чтобы они были узнаваемы как ссылки.
Стремитесь к простой презентации
Желание сделать вещи слишком сложными — распространенный недостаток дизайна. Когда вы пытаетесь привлечь внимание к слишком многим вещам, читатели просто перегружаются. Включение большого количества пустого пространства — лучший способ сделать ваш дизайн заметным.
Дайте вашему контенту возможность дышать
Белое пространство необходимо для создания профессионального дизайна. Оно служит нескольким целям: разбиение контента на разные сегменты; предоставление читателю пространства для восприятия того, чем вы делитесь; и балансировка более привлекательных изображений, заголовков или призывов к действию.
Парадоксальным образом, оставляя надлежащие интервалы и поля между различными элементами дизайна и контента, вы объединяете все в единое целое. Без достаточного свободного пространства различные сегменты и элементы вашего письма будут конкурировать друг с другом. Аккуратно выглядящее письмо всегда будет выглядеть более профессионально, чем то, где каждый пиксель был «разработан».
Найдите правильный баланс между изображением и графикой
«Правильное» количество изображений зависит от цели вашей рассылки — принцип, который справедлив для многих советов в этой статье. Лучшее правило — использовать изображения только тогда, когда они необходимы. Если ваше сообщение опирается на несколько изображений или gif-файлов, убедитесь, что вы следуете лучшим практикам для писем с большим количеством изображений .
Совет по дизайну: оптимального соотношения изображения и текста не существует. Предыдущие «правила» основывались на том, как работали спам-фильтры. Отправители больше не штрафуются за письма с большим количеством изображений.
Используйте графики, инфографику и другие формы визуализации данных с осторожностью. Эти визуальные элементы могут показаться более запутанными или ошеломить читателей, если они вложены в другой контент. Если вы хотите, чтобы визуальные элементы демонстрировали вашу точку зрения, используйте круги, стрелки и другие аннотации, чтобы помочь читателю понять, на что он смотрит.
Не забывайте основные принципы дизайна
Легко увязнуть в мелочах дизайна и упустить из виду общую картину (или все письмо). Последняя задача перед завершением дизайна вашей рассылки по электронной почте: дважды проверьте свой шаблон на соответствие следующим правилам, чтобы убедиться, что вы придерживаетесь лучших практик в отношении доступности, удобочитаемости и эстетики.
- Сделайте свой email адаптивным: любой готовый шаблон (в Campaign Monitor и большинстве других инструментов электронной почты) готов к адаптации к мобильным устройствам. Если вы начинаете с нуля, вам нужно будет узнать, как сделать адаптивный email .
- Оставайтесь в рамках шаблона: Растягивание зоны контента путем его переполнения — самый простой способ сделать так, чтобы ваше письмо выглядело беспорядочным и непрофессиональным. Если вы не можете вместить все, вам нужен новый шаблон или меньше контента.
- Добавьте alt-текст ко всем функциональным изображениям: alt-текст описывает содержимое изображений для читателей, которые используют программу чтения с экрана или у которых отключены изображения. Любое функциональное изображение — то, которое необходимо для передачи сообщения в вашем письме — должно иметь alt-текст. Когда речь идет об изображениях, которые являются чисто декоративными, alt-текст необязателен.
- Представляйте ключевую информацию в текстовом виде: поскольку не все читатели могут просматривать изображения, разместите важные сообщения в тексте электронного письма, чтобы никто их не пропустил.
- Используйте минимум шрифтов и цветов: Электронные письма имеют ограниченное пространство, поэтому в них недостаточно места для слишком большого количества стилей. Вам не нужно больше двух шрифтов (один для заголовков и один для основного текста) или трех цветов (один основной цвет и один или два акцента).
- Используйте веб-шрифты (или веб-безопасные шрифты): Устройства и почтовые клиенты разработаны с уникальными предустановками, что означает, что у вас есть два варианта для сохранения целостности вашего дизайна. Вы можете использовать веб-безопасный шрифт, такой как Arial или Times New Roman, который есть на каждом устройстве, или использовать веб-шрифт , который может отображаться на любом устройстве.
Хороший дизайн рассылки по электронной почте говорит сам за себя.
Ваши сообщения настолько сильны, насколько сильны их самые слабые элементы, и дизайн — один из таких элементов. Цвета могут влиять на настроение, а шрифты могут указывать на надежность так же эффективно, как и любые слова. Сочетание ваших выборов может сделать ваше электронное письмо профессиональным и интересным или небрежным и не стоящим ничего, кроме отписки.
Дизайн заслуживает столько же времени и внимания, сколько и контент. Тем из нас, кто не обучен этому, возможно, придется потрудиться немного больше, чтобы добиться желаемого эффекта. Уроки тех, кто был до нас (и советы по дизайну новостной рассылки в этом посте) могут направить вас к дизайну, который будет таким же мощным, как ваш контент.