Что нужно знать всем маркетологам об электронной почте в темном режиме

В наши дни даже приложения используют готическую тенденцию.

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

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

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

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

Что такое темный режим и почему люди его используют?

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

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

Новые данные показывают, что в среднем человек проводит в сети более 44 часов в неделю. Для многих шесть часов на компьютере или ноутбуке - ничто.

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

Источник: Weekdone

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

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

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

Несколько популярных приложений, таких как Reddit, Facebook Messenger, Twitter и WhatsApp, предлагают встроенные параметры темного режима. Facebook Messenger сначала запустил темный режим в качестве пасхального яйца, которое можно было активировать, отправив смайлик, но теперь любой может включить его в настройках своего приложения.

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

Электронная почта и приложения в темном режиме также полезны для сокращения расхода заряда батареи на устройствах с OLED-экранами. С OLED темные пиксели не подсвечиваются на экране, потому что они черные. Однако с ЖК-экранами и стандартными светодиодными экранами темные пиксели по-прежнему требуют времени автономной работы.

Какие клиенты предлагают электронную почту в темном режиме?

Почтовые клиенты не хотят принимать темный режим.

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

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

Вот известные нам клиенты и приложения, которые прямо сейчас предлагают темный режим:

• Приложение Gmail (iOS и Android)

• Приложение Outlook (iOS и Android)

• Apple Mail (настольный компьютер)

• Outlook 2019 (Mac, Windows и Интернет)

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

Как выглядит электронная почта в темном режиме?

Как и во всем, что касается электронной почты, все зависит от обстоятельств.

С приложениями темный режим прост. Разработчики просто меняют некоторые элементы CSS и позволяют пользователям выбирать.

Twitter предлагает две версии темного режима: при выключенном свете и при затемнении.

Источник: Twitter

Вот как выглядит темный режим в Facebook Messenger и Reddit.

Источник: Facebook, Reddit

В идеальном мире электронная почта в темном режиме выглядела бы точно так же, как это изображение из блога Microsoft.

Источник: блог Microsoft

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

1. Никаких изменений цвета

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

В случае Gmail для рабочего стола содержимое писем не меняется ни на что - только тема Gmail становится темной.

Вот как это выглядит в приложении Gmail для ПК.

Источник: Gmail

Для Apple кажется, что простые текстовые сообщения электронной почты вызывают переключение из светлого режима в темный, но не HTML-сообщения.

2. Частичный темный режим

При использовании электронной почты в частичном темном режиме клиент определяет светлый фон и автоматически переключает его на темный (при переключении темного текста на светлый).

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

Источник: Litmus

3. Полный перевернутый темный режим

Наконец, полностью темный режим нацелен на каждое электронное письмо - независимо от его дизайна - и полностью инвертирует CSS.

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

Это версия темного режима, которую многие используют.

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

Создание электронной почты в темном режиме

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

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

Если темный режим инвертирует цвета, это может испортить продуманный дизайн.

Посмотрите, как в этом письме цвета немного меняются.

Источник : средний

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

Создание изображений для электронной почты в темном режиме

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

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

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

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

Видите разницу в этих значках социальных сетей?

Источник: Campaign Monitor.

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

Оптимизация текста для электронной почты в темном режиме

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

К счастью, это легко исправить, если немного спланировать.

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

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

Источник: Campaign Monitor.

Не забудьте проверить

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

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

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

Заворачивать

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

• Добавьте белый контур вокруг сплошного черного текста или логотипов.

• Добавьте к любым ярким изображениям виньетку или тусклый фильтр.

• Попробуйте использовать изображения, логотипы и фотографии с прозрачным фоном.

• Избегайте смешивания изображений с фоновыми цветами.

• Проведите множество тестов.

Хотите улучшить свой дизайн и отправить свои лучшие электронные письма? Ознакомьтесь с этим полным руководством по эффективному дизайну электронной почты.