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

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

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

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

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

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

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

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

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

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

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

Источник: Уикдон

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

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

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

Несколько популярных приложений, таких как 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 предлагает две версии темного режима: приглушенный и приглушенный.

Источник: Твиттер

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

Источник: Facebook, Реддит

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

Источник: блог Майкрософт.

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

1. Цвет не меняется

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

В случае с Gmail для настольных компьютеров содержимое электронных писем не меняется ни на йоту — только тема Gmail становится темной.

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

Источник: Gmail

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

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

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

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

Источник: Лакмус

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

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

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

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

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

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

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

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

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

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

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

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

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

Разумно использовать как можно больше изображений с прозрачным фоном.

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

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

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

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

Источник: Монитор кампании.

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

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

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

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

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

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

Источник: Монитор кампании.

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

Как и во всем маркетинге по электронной почте — и особенно когда речь идет о темном режиме — не отправляйте свои кампании, не проведя множество тестов.

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

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

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

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

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

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

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

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

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

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