Користуєтеся темним режимом на комп'ютері чи смартфоні? Можливо, ви перемикаєтеся на нього ввечері, щоб дати відпочити очам? Дослідження свідчать, що понад 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 коментарів