Пользуетесь темным режимом на компьютере или смартфоне? Может быть, вы переключаетесь на него вечером, чтобы дать отдохнуть глазам? Исследования показывают, что более 82,7% людей используют темный режим хотя бы на одном устройстве, поэтому оптимизация писем для темного режима стала необходимостью для всех, кто создает маркетинговые письма.
Считается, что темный режим может помочь снизить нагрузку на глаза, продлить срок службы батареи на OLED- и AMOLED-экранах и улучшить читаемость при правильной реализации. То, что когда-то казалось современным трендом, превратилось в привычную и ожидаемую часть пользовательского опыта.
Почему важно проверять правильность отображения писем в темном режиме прямо в редакторе?
Темный режим, инвертирующий цвета текста, фона и кнопок, может привести к следующим конфликтам:
1. Чтобы обеспечить надлежащую контрастность цветов для доступности и читаемости. Контрастность цветов важна в email-маркетинге в целом, но она также является требованием для доступности писем. Сильная контрастность цветов обеспечивает удобство чтения писем на любом устройстве и при любом освещении.
Дизайн может быть достаточно контрастным в светлом режиме, но в темном режиме он может стать менее читаемым или полностью скрыться. Поэтому стоит заранее об этом помнить, чтобы можно было скорректировать дизайн и не допустить неразличимости либо полного исчезновения ключевых элементов.
Низкая контрастность цветов
(Источник: шаблон письма Stripo)
Высокая контрастность цветов
2. Чтобы проверить изображения и логотипы на визуальную целостность в темном режиме. Если вы плохо обрезали изображения и «сгладили» все фоном, все эти недостатки станут очень заметны в темном режиме.
Что это означает для email-маркетологов и команд, работающих с email-маркетингом?
Это добавляет еще один шаг к процессу создания писем: проверку того, правильно ли отображаются письма как в светлом, так и в темном режимах. Может возникнуть проблема, когда красиво оформленное письмо будет выглядеть неправильно, если подписчик откроет его в темном режиме.
Как выглядел этот процесс раньше? Создавалось письмо, тестировалось, обнаруживались ошибки, исправлялись, и снова проводилось тестирование. И так по кругу, пока результат не будет соответствовать ожиданиям.
Тестирование может выражаться в отправке тестовых писем на свой телефон и просмотре их в темном режиме; использовании таких инструментов, как Email on Acid; или проверке того, как выглядят письма в разных почтовых клиентах с включенным темным режимом.
Тестирование всех возможных почтовых клиентов и устранение несоответствий может занять больше времени, чем непосредственно разработка и настройка email-кампании.
С помощью Stripo теперь можно проверить, как будут выглядеть рассылки в светлом и темном режимах, прямо на этапе дизайна, что значительно упрощает весь процесс. Ниже мы расскажем, как это сделать.
Поддержка темного режима в Stripo
Эта функция позволяет сделать две вещи: переключаться между светлым и темным режимами прямо в редакторе, чтобы увидеть, как различные элементы дизайна выглядят в каждой версии во время процесса дизайна, и использовать режим превью, чтобы проверить, как в целом выглядит ваше письмо, и убедиться, что все элементы отображаются правильно. Это экономит время и обеспечивает читаемость и целостность писем в темном режиме.
Исправлять потенциальные проблемы гораздо проще и быстрее на этапе разработки, чем обнаруживать их позже, во время тестирования. Кроме того, некоторые инсайты помогут эффективнее планировать будущий email-дизайн, так как теперь вы знаете «узкие места» темного режима и специфику вашего бренда и продукта.
Как переключаться между темным и светлым режимами в области редактирования письма во время процесса дизайна
Итак, переходим в область редактирования письма. На скриншоте видно, как шаблон письма отображается в обычном светлом режиме.
В правом верхнем углу верхней панели, рядом с кнопкой для переключения между просмотром на компьютере и мобильном устройстве, находится кнопка развертывания. При клике на нее появляется выпадающее меню. Последний пункт в выпадающем меню — эмуляция темы. Это наш переключатель между темным и светлым режимами.
Если кликнуть на кнопку и выбрать другой символ, редактор переключится в темный режим, и можно будет увидеть, как письмо выглядит в темной теме.
Как проверить темный режим в превью
Теперь, если требуется увидеть, как будет выглядеть письмо в режиме превью, достаточно кликнуть на кнопку «Превью» на верхней панели редактора.
Мы перешли в режим превью. Переключатель для перехода между светлым и темным режимами находится в верхней центральной части экрана. В режиме превью можно одновременно просматривать письма в версии для десктопа и мобильной версии.
Примечание: дизайн в темном режиме может отображаться по-разному на разных экранах и при разных настройках. В Stripo можно увидеть примерное представление того, как будет выглядеть письмо в разных почтовых клиентах. Тем не менее, мы все же рекомендуем тестировать email-кампании в нескольких почтовых клиентах. Тестирование писем упрощается благодаря интеграции Stripo с Email on Acid.
В завершение
Таким образом, темный режим является важной частью email-маркетинга. Учитывая его популярность, маркетологи должны проверять, как их письма отображаются в темном режиме.
Теперь Stripo позволяет переключаться между светлым и темным режимами прямо в редакторе, а режим превью помогает проверить рендеринг в целом и обнаружить любые проблемы с отображением. Помните, что результаты в редакторе Stripo являются приблизительными и могут отличаться в разных почтовых клиентах.
Мы рекомендуем этот инструмент, потому что он напрямую влияет на то, как получатели воспринимают письма. Когда клиентам нравится взаимодействовать с рассылками, они с большей вероятностью останутся лояльными к вам в течение длительного времени.
0 комментариев