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

контрольный список для адаптивного дизайна электронной почты

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

Я не единственный - и потребители, и компании сейчас читают более половины всех своих электронных писем на небольших экранах. Адаптивный дизайн электронной почты имеет решающее значение на вашу электронную почту.

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

На этом рынке появились лучшие практики. Адаптивный дизайн не так прост, но и возможен. Сотрудники Email Monks помогли нам, и они следуют этому проверенному контрольному списку, чтобы оптимизировать вашу электронную почту, чтобы убедиться, что она реагирует на окна просмотра на мобильных устройствах и планшетах.

  1. Дизайн в одной колонке
  2. Дизайн с заботой о пальцах
  3. Держите Призывы к действию легко нажимается (минимум 44 пикселя)
  4. Используйте пустое пространство для удобного просмотра
  5. Держите жатку в чистоте
  6. Оптимизация разрешения изображений для дисплеев Retina
  7. Не собирайте ссылки вместе, используйте кнопки
  8. Обеспечивать связанные номера телефонов
  9. Не более 30 символов в строке темы
  10. Используйте изображения с шириной не менее 480 пикселей, чтобы они не размывались при растяжении на мобильном устройстве.
  11. Не просто масштабируйте изображения, используйте медиа-запросы CSS
  12. Ограничьте высоту - короткие электронные письма легче просматривать
  13. Держите важные призывы к действию в верхней части страницы
  14. Проверьте свой дизайн электронной почты через почтовые клиенты

Контрольный список для дизайна адаптивного письма

2 комментариев

  1. 1

    Это действительно классная и нишевая статья Дуглас! Я многому научился из этого.

    В большинстве статей говорится об адаптивном веб-дизайне, я впервые читаю об адаптивном дизайне электронной почты. Действительно потрясающие советы и шаги, которые вы здесь включили. Какое программное обеспечение для электронного маркетинга вы использовали?

Как вы думаете?

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