Оформление темы письма, его содержимое, размер шрифта и цвет — элементы, над которыми стоит поработать, чтобы сделать контент понятным для всех. Андриан Валеану, веб-дизайнер Designmodo, рассказал, как оптимизировать письмо для электронной рассылки вашей компании, чтобы пользователям не хотелось отказаться от подписки.
- 1. Используйте описательные строки темы
- 2. Не полагайтесь на цвет, чтобы выделить основные моменты
- 3. Используйте адаптивный дизайн
- 4. Проверьте код
- 5. Добавьте к изображениям замещающий текст
- 6. Проверьте размер текста и интервал
- 7. Используйте смайлики с умом
- 8. Проверьте шрифт и размер
- 9. Сделайте ставку на качественный контент
- Вывод
1. Используйте описательные строки темы
Самая важная часть любого электронного письма — это тема, простая и понятная. Независимо от того, насколько качественно содержание, именно тема влияет на то, откроют ли читатели его в первую очередь. Чтобы электронные письма были удобными (и более привлекательными для аудитории в целом), нужно ограничиться примерно 41 символом. Вы можете проверить длину и качество темы с помощью таких инструментов как Send Check It или средство оценки темы Net Atlantic :
Помните, что тема должна соответствовать тексту, чтобы подписчики не разочаровались, когда откроют письмо.
2. Не полагайтесь на цвет, чтобы выделить основные моменты
Проверьте коэффициент контрастности
Чтобы проверить коэффициент контрастности, вы можете использовать специальные инструменты. Например, Сontrast-ratio. Просто введите название цвета или шестнадцатеричный код и посмотрите, соответствует ли он требованиям AA и AAA.
Используйте черно-белое изображение для важной информации
Если вы хотите передать свое сообщение четко и лаконично, придерживайтесь черного на белом для всего, что поможет сделать конверсию. Если вы против использования только такого цветового решения, убедитесь, что вы выбрали один цвет для текста и один контрастный цвет для фона.
Существуют конструкторы email, которые могут проверять доступность электронной почты, например, «Открытки». Некоторые маркетинговые программы даже позволяют просматривать контент так, как его видел бы конкретный подписчик.
3. Используйте адаптивный дизайн
При кодировании почтовых кампаний убедитесь, что контент форматируется правильно, независимо от устройства (например, смартфона, планшета, ноутбука). Учитывайте, что программы чтения с экрана, могут отображать контент не по порядку.
Дважды проверьте, как ваши электронные письма отображаются на компьютере, мобильном телефоне и даже в разных почтовых клиентах, прежде чем планировать рассылку.
4. Проверьте код
Есть несколько советов, связанных с кодом, которые помогут сделать электронную почту более доступной.
Используйте HTML-теги для определения приоритета информации в электронном письме
Если вы хотите, чтобы подписчики, использующие программы чтения с экрана, воспринимали письмо, включите базовый HTML-код, такой как <h1> и <h2>, для всего, что, по вашему мнению, имеет решающее значение для понимания текста сообщения.
А если вы применяете определенный тип разметки, можно использовать CanIUse, чтобы узнать, с какими браузерами и приложениями текст совместим. Так что, если, например, вы используете ARIA (доступные полнофункциональные интернет-приложения), можно поместить письмо в подсказку и посмотреть, с какими браузерами и приложениями оно работает. ARIA относится к определенным элементам HTML, которые помогают устранять пробелы.
Используйте семантический код
Хотя некоторые элементы HTML определяют, как будет выглядеть контент (например, с помощью <span> или <div>), семантический код помогает определить значение контента. Примеры семантических тегов включают <summary>, <figcaption>, <time> и <footer>. Семантика полезна, поскольку дает читателям устройств больше информации.
Установите атрибут языка
Последний совет, связанный с кодом: установите атрибут языка HTML, чтобы программы чтения с экрана и другие устройства могли отображать или произносить контент на правильном языке для подписчика. Это простое исправление, но оно действительно может улучшить взаимодействие с пользователями.
5. Добавьте к изображениям замещающий текст
Многие люди с ограниченными возможностями блокируют доставку изображений в электронных письмах или используют программы чтения с экрана. Это связано с тем, что яркий контент или анимация могут вызывать проблемы, а также потому, что программы чтения с экрана не могут видеть изображение.
Или могут?
Фактически добавление тега alt к изображениям по существу делает их «читаемыми» для программ чтения с экрана, поисковых систем и т. д. Альтернативный текст должен быть кратким описанием изображения.
Точно так же, если вы планируете размещать ссылки на видео в кампаниях по электронной почте, можно подумать о включении текстового резюме для людей с нарушениями слуха. Многие хостинговые страницы предлагают транскрипцию видео для людей с ограниченными возможностями, которые могут слышать сообщение.
6. Проверьте размер текста и интервал
Когда в тексте письма недостаточно места между строками, контент может стать размытым и оттолкнуть подписчиков — независимо от того, насколько информативно ваше послание. Вы можете исправить это, установив высоту строки на 4 пикселя для улучшения читаемости или используя элементы дизайна для создания разделов.
Между абзацами должно оставаться достаточно свободного пространства, чтобы сканеры могли сосредоточиться на том, что они читают.
7. Используйте смайлики с умом
Мы знаем, что играть со шрифтами и использовать смайлики может быть весело, но действительно ли они добавляют ценности вашему контенту? Вы не поверите, но темы с эмоджи имеют более высокий процент открытий. Тем не менее смайлик не должен заменять фактическое слово, его следует использовать только в начале или в конце строки темы.
Вы можете включить смайлики в свое электронное письмо, если считаете, что они добавляют какую-то ценность, но их может увидеть не каждый подписчик.
8. Проверьте шрифт и размер
При создании почтовых кампании вы должны подумать о размере текста и о том, насколько легко его будет читать. Постарайтесь оставить как минимум 14 пикселей и, возможно, 16 пикселей для мобильных устройств. Это наиболее распространенный размер, который гарантирует, что читатели не будут изо всех сил пытаться разобрать письмо и что элементы не исказятся, если придется увеличивать масштаб.
Размер текста (и, возможно, пробелы) также имеет значение, когда дело доходит до перехода по ссылкам в электронном письме. В мобильных устройствах экраны часто настолько крошечные, что бывает сложно выбрать нужное место для ссылки.
Что касается шрифтов, многие из них расположены слишком близко друг к другу или их очень трудно читать, особенно на мобильных устройствах. Здесь все будет просто: безопаснее всего использовать шрифты без засечек, такие как Arial, Tahoma и Calibri.
«Нажмите здесь» — не лучший способ привлечь внимание читателя, потому что подписчики, использующие программы чтения с экрана, часто уходят, если нет указания, чего им ожидать после клика.
9. Сделайте ставку на качественный контент
Основная цель любого электронного письма — доставить информацию, которая принесет пользу и побудит к действию. Если подписчик считает, что тратит время на бесполезную информацию, он, скорее всего, откажется от подписки или, что еще хуже, пометит ваши электронные письма как спам. С качественным контентом вы можете завоевать доверие и укрепить отношения со своими подписчиками.
Вывод
Проверка электронных писем на удобочитаемость необходима, чтобы гарантировать, что информация, рекламные акции и предложения понятны каждому типу лиц в вашей базе данных.
- Используйте описательные строки темы.
- Не полагайтесь на цвет в качестве фокусных точек.
- Используйте адаптивный дизайн.
- Проверьте свой код.
- Добавьте к изображениям замещающий текст.
- Проверьте размер текста и интервал.
- Используйте смайлики с умом.
- Проверьте свой шрифт и размер.
- Сделайте ставку на качественный контент.
Источник: https://www.wordstream.com/blog/ws/2021/04/30/email-accessibility
