Исследования уровня интереса подписчиков email рассылок указывают на возможности управления вниманием целевой аудитории. Одним из факторов влияния является дизайн сообщения.

Оформление email сообщений воспринимается по-разному разными аудиториями и не каждое сообщение будет отображено одинаково в почтовых ящиках подписчиков из-за разных стандартов, используемых ими почтовых клиентов и почтовых сервисов.

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

…оказывается все очень просто

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

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

По Аналитике результатов нескольких email рассылок можно проследить за уровнями открытия сообщений, кликов по ссылкам (ctr, ctor), отказов от рассылки для оценки предпочтений подписчиков к оформлению сообщений.

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

Несколько примеров из практики:

СПАМ — стиль

Самое низкое место в рейтинге по борьбе за внимание подписчиков занимают email сообщения, оформленные в стиле «объявлений на столбы». Такое оформление просто создается с помощью стандартных инструментов (обычного html форматирования) и без использования стилей (css) будет корректно отображено для большинства получателей.

Пример 1.

Мы занимаемся рекламой больше 10 лет!

Развивайте свой бизнес с нами!!!

создание сайтов, предоставление хостинга.

Знакомо? Да, конечно. Большинство приходящего СПАМа оформлено именно так. Из-за этого около 90% получателей, открыв сообщение с подобным оформлением, уже подсознательно воспринимают его негативно (уж очень сильно напоминает надоедливый СПАМ). Постоянным спутником таких сообщений является высокий уровень отказов от подписки.

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

Простой текст

Более высокое место в рейтинге внимания подписчиков занимает простое текстовое сообщение без цветового выделения.  Данный формат корректно отображается во всех почтовых ящиках и на экранах мобильных. При его использовании Важно помнить про объем текста и его удобочитаемость и удобное расположение ссылок.

Сравните восприятие одной и той же информации в примерах ниже.

Пример 2. (простой текст без логического разделения и оформления ссылок)

Lorem Ipsum — это текст-»рыба», часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной «рыбой» для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum. Источник http://ru.lipsum.com/

Пример 3. (простой текст с заголовком, абзацами и оформленными ссылками)

Что такое Lorem Ipsum? (подробно http://ru.lipsum.com/)

Lorem Ipsum — это текст-»рыба», часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной «рыбой» для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.

Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.

источник http://ru.lipsum.com/

Пример 2 и 3 — разница для восприятия ощутима. Если цель рассылки донести информацию, а «не сам процесс» , то удобно форматированный текст «по делу» с разделами и заголовками принесет отправителю больше внимания.

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

Графическое оформление

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

Пример 4.

При создании такого оформления для email сообщения важно помнить, что разные почтовые системы по-разному отображают css форматирование и css стили важно «прописывать inline», иначе подобного результата добиться будет сложно.

Ловушки в оформлении или правила безопасного css форматирования

При подготовке дизайна сообщений email рассылки с использованием стилей (css) хорошо знать еще до тестирования email рассылки как будет отображено email сообщение в популярных почтовых клиентах и системах. Помните про то, что стили с использованием css прописываются только «inline».

Далее практическая информация о том какое css форматирование будет сохранено при отображении популярніми почтовыми клиентами и сервисами:

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

Элемент стиля	Outlook ‘03	Outlook ‘07	Windows Mail	Mac Mail	Entourage 2004	Entourage 2008	Thunder- bird 2	AOL 9	AOL 10	AOL Mac	Notes 6
<style> in <head>
<style> in <body>
Link Element
<style> in <head>
<style> in <body>
CSS Selectors
e
*
e.className
e#id
e:link
e:active, e:hover
e:first-line
e:first-letter
e > f
e:focus
e+f
e[foo]
CSS Properties	Outlook ‘03	Outlook ‘07	Windows Mail	Mac Mail	Entourage 2004	Entourage 2008	Thunder- bird 2	AOL 9	AOL 10	AOL Mac	Notes 6
background-color
background-image
background-position
background-repeat
border
border-collapse
border-spacing
bottom
caption-side
clear
clip
color
cursor
direction
display
empty-cells
float
font-family
font-size
font-style
font-variant
font-weight
height
left
letter-spacing
line-height
list-style-image
list-style-position
list-style-type
margin
opacity
overflow
padding
position
right
table-layout
text-align
text-decoration
text-indent
text-transform
top
vertical-align
visibility
white-space
width
word-spacing
z-index
	Outlook ‘03	Outlook ‘07	Windows Mail	Mac Mail	Entourage 2004	Entourage 2008	Thunder- bird 2	AOL 9	AOL 10	AOL Mac	Notes 6

Поддержка css web-сервисами электронной почты

Элемент стиля	Old Yahoo	New Yahoo	Old Gmail	New Gmail	Live Mail	Hotmail	AOL Web	MobileMe
<style> in <head>
<style> in <body>
Link Element
<style> in <head>
<style> in <body>
CSS Selectors
e
*
e.className
e#id
e:link
e:active, e:hover
e:first-line
e:first-letter
e > f
e:focus
e+f
e[foo]
CSS Properties	Old Yahoo	New Yahoo	Old Gmail	New Gmail	Live Mail	Hotmail	AOL Web	MobileMe
background-color
background-image
background-position
background-repeat
border
border-collapse
border-spacing
bottom
caption-side
clear
clip
color
cursor
direction
display
empty-cells
float
font-family
font-size
font-style
font-variant
font-weight
height
left
letter-spacing
line-height
list-style-image
list-style-position
list-style-type
margin
opacity
overflow
padding
position
right
table-layout
text-align
text-decoration
text-indent
text-transform
top
vertical-align
visibility
white-space
width
word-spacing
z-index
	Old Yahoo	New Yahoo	Old Gmail	New Gmail	Live Mail	Hotmail	AOL Web	MobileMe

по результатам исследования Campaign Monitor в 2008г.

Резюме:

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

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

3. Изучайте свою аудиторию с помощью Аналитики email рассылок. Там есть ответ на вопрос «с каким оформлением лучше читают?» и «кто читает наши сообщения?»

4. При использовании css стилей помните про безопасное форматирование (таблицы выше).

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

Андрей Сабанский

© FEEDGEE Маркетинг, 2009

Ссылка на источник для публикации: «Источник: официальный блог FEEDGEE Маркетинг <a href=»http://blog.feedgee.com»>http://blog.feedgee.com</a>«