В прошлом году я написал статью о тренде в дизайне email-рассылок, который стремительно захватывает почтовые ящики: темный дизайн. Поскольку темная тема (Dark Mode) набирает обороты, а преимущества темного оформления становятся очевидными, бренды стремятся использовать плюсы подхода «Dark Mode first», при котором темный дизайн отображается как в темном, так и в светлом режиме.
Поскольку негативная полярность контраста темной темы (светлый текст на темном фоне) считается достижением в области доступности, способным помочь охватить более широкую аудиторию, понятно, почему это стало трендом. Однако поиск в сети преимуществ негативной полярности контраста перед позитивной (темный текст на светлом фоне или «светлый режим») выдает множество результатов. Поэтому мы решили глубже изучить этот вопрос.
Недавно мы обратились к email-сообществу в социальных сетях, чтобы узнать, согласны ли они с двумя утверждениями о светлом и темном режимах. Вот результаты:
**70% согласны**: Если подписчики используют светлый режим, вы должны отправлять письма со светлой цветовой схемой.
**57% согласны**: Теперь, когда мы можем создавать темные письма для Dark Mode, все письма для светлого режима должны быть светлыми.
Хотя явное большинство считает, что светлая цветовая схема всегда должна быть доступна, далеко не все думают, что каждое письмо в светлом режиме должно иметь светлый дизайн.
Стоит ли всегда использовать темный дизайн? Или лучше сохранять светлое оформление для светлого режима и использовать темный только для Dark Mode?
## Аргументы в пользу доступности email
Оба варианта контраста — светлый и темный — имеют свои достоинства. Однако то, что хорошо для одного, может быть неудобным для другого.
Если опираться на исследования, становится ясно: предлагая лишь одно решение, мы не учитываем потребности всей аудитории.
Шери Бирн-Хабер из UX Collective отмечает: «Одна из моих проблем, связанных с глаукомой, заключается в том, что я вижу «ореолы» (как кольца вокруг уличных фонарей ночью), когда смотрю на светлый текст на темном фоне, что делает чтение невозможным».
С другой стороны, исследования показывают, что длительное пребывание в светлом режиме может быть связано с близорукостью. И хотя эффективность в светлом режиме может быть выше в краткосрочной перспективе, это может иметь долгосрочные последствия.
Даже наличие рекомендаций не гарантирует удобство для всех. Британская ассоциация дислексии рекомендует позитивный контраст (светлый режим), однако многие люди с дислексией находят негативный контраст (Dark Mode) более полезным.
С точки зрения доступности, нельзя игнорировать преимущества обоих вариантов. Универсального решения не существует.
## UX-подход к дизайну email
Дискуссия о Dark Mode и светлом режиме в мире дизайна UX ведется уже несколько лет. В 2019 году она усилилась, когда Apple внедрила Dark Mode во все нативные приложения iOS и iPadOS, а «prefers-color-scheme» стало свойством CSS.
Подходя к дизайну email с позиции UX, мы должны проявлять эмпатию. Не стоит решать за аудиторию, что для них лучше. Люди уникальны, и у каждого свой набор потребностей.
Я близорук. Мой компьютер почти всегда находится в темном режиме, но я ценю возможность переключаться в зависимости от времени суток или нагрузки. Однако мне сложно получить преимущества одного режима в ущерб другому.
Многие сайты и приложения до сих пор не используют CSS-стили для Dark Mode. Также существует барьер в виде идентичности бренда: если бренд использует светлые или темные тона как основные, инверсия цветов может вызвать сопротивление.
## Преимущества дизайна для обоих режимов
Не позволяйте брендбукам ограничивать вас. Возможно, их стоит обновить. Какие аргументы привести стейкхолдерам в пользу дизайна для обоих режимов?
✅ Улучшение читабельности писем
✅ Охват более широкой аудитории
✅ Повышение вовлеченности подписчиков
✅ Рост доверия к бренду через уважение к выбору пользователя
– Пол Эйри, консультант по доступности и юзабилити, Beyond the Envelope™
Оптимизируя письма под оба режима, вы даете подписчикам выбор. Если они предпочитают светлый режим, они увидят светлый дизайн. Если темный — письмо адаптируется под темную схему. Это показывает, что вы заботитесь о потребностях пользователей. Даже если использование Dark Mode в вашей базе пока невелико, этот тренд будет расти, став таким же стандартом, как адаптивный дизайн.
## Примеры дизайна для светлого и темного режимов
Вот несколько брендов, которые отлично справляются с адаптацией писем:
### Brightwave
Даже обсуждая темную тему, Brightwave позволяет пользователям светлого режима читать контент в привычных светлых тонах, в то время как аудитория Dark Mode получает свой вариант оформления.
### Commission Junction
В этом письме меня особенно привлекает контрастность в темном режиме.
### Litmus
Если вам нужна помощь, у команды Litmus есть набор оптимизированных шаблонов, которые можно скачать и настроить под свой бренд.
## Итоги: учитывайте предпочтения подписчиков
Бывают ситуации, когда вы вынуждены принудительно использовать темный или светлый дизайн, например, из-за нехватки ресурсов или тематических рассылок к «Черной пятнице» (хотя я бы поспорил, что они обязаны быть черными).
Суть в том, что то, что кажется отличным вам, может не подойти другим. Вы рискуете потерять вовлеченность и конверсию.
Речь не о выборе между светлым и темным, а о принятии обоих вариантов в вашем дизайне. Email остается каналом с самым высоким ROI, а подписчики — ваша главная ценность. Поэтому их опыт должен быть приоритетом.
Что вы думаете? Есть ли причины, по которым вы ограничиваетесь только одним из режимов?