Дизайн в email-рассылке

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

Картинки… картинок не будет

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

Нельзя использовать картинки для важного содержания — заголовков, текста.
И пропишите alt у картинок - некоторые почтовые клиенты покажут его на месте картинок.

Размер имеет значение

Письмо должно хорошо смотреться в preview-панели Outlook, шириной около 200 пикселей. Если вы сделаете дизайн фиксированной ширины 550 — 600 пикселей, то избежите проблем с отображением в большинстве почтовых клиентов.

Что касается «высоты» письма, то не стоит делать письма слишком длинными — лучше поставить ссылку на полный текст на сайте. Люди не привыкли много времени проводить «в почте» и скорее всего не дочитают ваше письмо дальше третьего «экрана».

width и height

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

HTML, нельзя CSS

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

А если старый добрый html не позволяет реализовать ваш творческий замысел без css, то расположите копию письма на сервере и поставьте в письме (в первых строках) ссылку на эту веб-версию письма.

Flash и JavaScript: сразу «нет»

Единственное, что останется от ваших flash-роликов и javascript-кодов в почтовой программе клиента — это предупреждение системы безопасности. Поэтому вместо flash-ролика вставьте в письмо один кадр из него (в виде обычной картинки). Флэш и яваскрипт положите на страницы, куда пользователь попадет по ссылкам из письма.

Идеи для вдохновения

Единственная галерея email-дизайна: www.campaignmonitor.com/gallery (на английском)
Несколько хороших писем среди победителей MarketingSherpa Email Award

Еще несколько советов. Не про верстку и графику, но тоже про дизайн:

Вложенные файлы: скорее «нет», чем «да»

Хотя запрета на вложенния никто не вводил, это считается «дурным тоном». Уже на курсах «пользователей ПК» людей учат никогда не открывать вложения в почте, если не уверен на 100% в надежности отправителя. Некоторые рассылки заранее предупреждают, что они никогда не отправляют вложения — и это «хороший тон».

Unsubscribe: обязательно

В каждом письме должна быть информация о том, как перестать получать рассылку. Отписка не должна быть сложной процедурой. Идеальный вариант — ссылка, позволяющая отписаться «в одно нажатие»: нажал ссылку и перестал получать письмо. Не заставляйте получателя входить в свой «аккаунт» или «личный кабинет», чтобы «изменить параметры подписки».
Кстати, слово «отписаться» звучит не очень… «Прекратить подписку», «удалить адрес из рассылки» - длинее, но благозвучнее.

Проситесь в адресную книгу

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

Поэтому просите получателей внести ваш адрес в адресную книгу.

Первые строки

Outlook и Gmail показывают в списке входящей почты первые строки письма. Учитывайте этот фактор и кладите в начало письма значимый текст.

Subject и From

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

В поле From, как правило, ставят название компании. Однако, некоторые добиваются неплохих результатов, указывая имя менеджера компании.

Не только HTML, но и text/plain

Считается, что письмо должно иметь plain-text версию. Во-первых, текстовая версия письма отображается у некоторых клиентов, у которых нет графического интерфейса (мобильный телефон, терминал unix). Во-вторых, некоторые фильтры спама больше доверяют таким письмам, потому что спамеры пока не делают plain-text версий.

Не все слова разрешены

Использование некоторых слов может резко ухудшить ваши отношения со спам-фильтрами. Напишите в тексте несколько раз слова «бесплатно», «горящие туры» или «гарантия», и ваше письмо окажется в папке «Нежелательная почта». То же самое касается восклицательных знаков и слов, набранных ПРОПИСНЫМИ БУКВАМИ!!! Это запрещено в почте.