Топ-10 самых тестируемых почтовых клиентов в 2015 году

Опубликовано: 2015-12-10

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

Какие почтовые клиенты наиболее популярны у моих подписчиков? У каких из них больше всего проблем с рендерингом? На устранение каких неполадок уходит больше всего времени?

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

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

На чем другие маркетологи и дизайнеры электронной почты сосредотачивают свои усилия на тестировании? Чтобы выяснить это, мы проанализировали более 360 миллионов тестов Litmus-превью. Мы надеемся, что этот список послужит хорошей отправной точкой при планировании ваших усилий по дизайну и тестированию в 2016 году.

1. Прогноз на 2013 год

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

Кроме того, Outlook 2013 имеет множество особенностей рендеринга. Ожидается, что дизайнерам электронной почты часто придется тестировать - и повторно тестировать - и повторно тестировать свои проекты в этом клиенте. Outlook 2013, наряду с Outlook 2007 и 2010, использует Microsoft Word для обработки сообщений электронной почты (да, действительно, текстовый процессор!). Это означает плохую поддержку HTML и CSS.

Вот несколько особенностей, о которых следует помнить при проектировании для этого клиента:

  • Нет поддержки фоновых изображений в div и ячейках таблицы
  • Нет поддержки CSS float или position
  • Нет поддержки тени текста
  • Плохая поддержка отступов и полей
  • Плохая поддержка ширины и высоты CSS
  • Проблемы с цветом фона вложенных элементов

2. Gmail

Бесплатная служба Gmail от Google - одна из самых популярных почтовых служб в мире, которая доставляет много проблем дизайнерам электронной почты. Клиент веб-почты Gmail предлагает менее чем звездную поддержку CSS, поэтому неудивительно, что это один из самых протестированных клиентов (не говоря уже о том, что он занимает второе место на рынке почтовых клиентов!).

Препроцессор Gmail удаляет из кода JavaScript, теги object и embed, а также Flash. Кроме того, он удаляет теги head и body, а также любые теги стиля в электронном письме. Самый быстрый способ убедиться, что ваша почтовая кампания правильно отображается в Gmail, - это встроить самые важные стили.

Другие особенности Gmail включают:

  • Gmail иногда показывает пробелы под изображениями, что может привести к нарушению макета. К счастью, есть простое решение.
  • Веб-шрифты не отображаются.
  • Отсутствует поддержка свойства отображения CSS, которое часто используется вместе с медиа-запросами для отображения и скрытия содержимого.

3. Outlook 2010

Outlook 2010 (вместе с Outlook 2007) имеет все те же особенности, что и Outlook 2013, поэтому логично, что это был один из наиболее часто тестируемых клиентов. Вот еще несколько причуд, о которых следует помнить:

  • Блокирует изображения по умолчанию
  • Поддерживает текст ALT, но добавляет сообщение безопасности в начало текста
  • Анимированные GIF-файлы не воспроизводятся - отображается только первый кадр.
  • Видео HTML5 не воспроизводится - отображается резервный контент.

4. Outlook 2007

Outlook 2007 предлагает ту же поддержку HTML и CSS, что и Outlook 2013 и Outlook 2010. Нужно ли говорить больше?

5. Прогноз на 2011 год

Ах, еще один клиент Outlook! Outlook 2011, также известный как «Outlook для Mac», работает в OS X, проприетарной операционной системе Apple для компьютеров Macintosh, и использует WebKit для отображения электронных писем. Это отличная новость для дизайнеров электронной почты, поскольку WebKit отлично поддерживает HTML и CSS.

Outlook 2011 обрабатывает электронные письма очень похоже на Apple Mail:

  • Поддерживает стилизованный текст ALT
  • Воспроизведение анимированных GIF-файлов
  • HTML5 видео поддерживается
  • Отображает символы в строках темы

Следует отметить одну особенность: Outlook 2011 по умолчанию блокирует изображения, но отображает их для надежных отправителей. Используйте текст ALT и правильный баланс живого текста и изображений, чтобы ваши дизайны работали независимо от того, присутствуют ли изображения или нет.

6. iPad

IPad является третьим по популярности почтовым клиентом согласно нашей статистике о доле на рынке, и на него приходится 12% от общего числа открываемых писем. Как и все почтовые клиенты Apple, iPad использует для рендеринга WebKit, что означает отличную поддержку HTML и CSS.

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

6. iPhone 5S

На протяжении 2015 года iPhone неизменно оставался самым популярным почтовым клиентом. Как и iPad, iPhone вряд ли доставит неудобства дизайнерам электронной почты.

Вот несколько вещей, на которые следует обратить внимание об электронной почте в собственном приложении iOS Mail:

  • Отображает изображения по умолчанию
  • Поддерживает медиа-запросы
  • Поддерживает стилизованный текст ALT
  • Отображает текст предварительного просмотра

8. iPhone 6

Еще один iPhone - и еще одна платформа с отличной поддержкой HTML и CSS! Однако следует отметить несколько моментов. В то время как все предыдущие версии iPhone были одного размера и имели одинаковую точку прерывания медиа-запросов, iPhone 6 бросил вызов этой синхронности. Для iPhone больше не существует «единого медиа-запроса, который бы управлял ими всеми». К счастью, у нас есть фрагменты медиа-запросов для различных устройств iPhone.

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

Если ваши подписчики используют iOS 9 - новейшую мобильную операционную систему Apple, - следует обратить внимание на несколько особенностей:

  • Если ваши подписчики используют iOS 9 - новейшую мобильную операционную систему Apple, - следует обратить внимание на несколько особенностей:
  • Автоматическое масштабирование приводит к нарушению макетов.
  • Заполнение добавляется к электронному письму с фоном во всю ширину, что может привести к появлению пробелов по обе стороны от электронного письма.

9. iPad Mini

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

10. Yahoo Mail

Замыкает список наиболее протестированных почтовых клиентов Yahoo Mail. В то время как клиент веб-почты Yahoo Mail подвержен особенностям браузера, Yahoo Mail обычно имеет очень хорошую поддержку наиболее распространенных HTML и CSS, используемых сегодня в дизайне электронной почты. Наиболее заметным упущением является поддержка таких правил позиционирования CSS, как верхнее, правое, нижнее и левое.

Другие причуды включают:

  • Атрибут align = «center» не работает, в результате чего таблицы отображаются слева от предполагаемых позиций. К счастью, есть исправление.
  • Как и Gmail, Yahoo часто показывает пробелы под изображениями. Чтобы решить эту проблему, объявите изображения как элементы уровня блока в теге img.

Ознакомьтесь с другими нашими 10 лучшими списками за 2015 год

  • 10 лучших сообщений блога о дизайне электронной почты и маркетинге за 2015 год
  • 10 лучших статистических данных по электронному маркетингу за 2015 год
  • 10 самых популярных сниппетов 2015 года
  • 10 лучших обсуждений в сообществе 2015 г.
  • 10 самых популярных подкастов о дизайне электронной почты в 2015 году
  • Топ-10 самых популярных почтовых клиентов 2015 года
  • Топ-10 лучших лакмусовых писем 2015 года
  • 10 главных разработок в области электронной почты 2015 года
  • 10 главных прогнозов электронного маркетинга на 2016 год

На чем следует сосредоточить усилия по тестированию?

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

Попробовать Litmus бесплатно →