Дизайнът на имейл за тъмен режим трябва да се тества в реалните приложения на клиентите ви, защото цветовете не се преобразуват еднакво навсякъде. Лого, ясно видимо на бял фон, може да изчезне на тъмен, а бутон да загуби контраста си. Първо проверете важните точки за четене и действие, после поправете конкретните проблеми, без да изграждате наново цялата идентичност на марката.
Проверете елементите, които зависят от цвета
Проверете логата, прозрачните изображения, текста, бутоните, контурите и дребните етикети. Потърсете тъмна графика върху тъмен фон и светъл текст, чийто околен цвят се променя. Важната информация не бива да зависи от деликатен контур, който може да стане невидим.
Използвайте шаблона на Sendvio като последователна отправна точка, но не приемайте, че визуализацията в редактора възпроизвежда всяко приложение за поща. Изпратете тестове до средите, които използва аудиторията ви, и сравнете светлите и тъмните настройки.
Тествайте съобщението в режимите, които реално използват клиентите
Изберете представителни приложения за поща на аудиторията и прегледайте реално изпратеното съобщение в светъл и тъмен режим, когато са налични. Използвайте едно и също съдържание и материали, за да е лесно сравняването. Запишете приложението и конкретния проблем, вместо да оставяте обща бележка, че дизайнът „изглежда зле“.
Обърнете специално внимание на тъмно лого с прозрачен фон, бял контур на продукт, малки сиви етикети и бутони, чиято форма зависи от фин контур. Всеки от тях може да реагира различно, когато приложението променя фоновете или цветовете на текста. Изчезващото лого е различен проблем от продуктовата снимка с бял фон, която просто изглежда по-малко слята с дизайна.
Проверете и свързания текст и футъра. Основната визия може да се чете добре, но връзката за отписване почти да изчезне след промяна на цветовете. Важните контроли заслужават същата проверка като привлекателните части на дизайна.
Направете дизайна по-устойчив
Използвайте ясен контраст на текста и не поставяйте важни изречения върху претрупано изображение. Обмислете подходящ фон за лога, които се нуждаят от разграничаване, като същевременно запазите верността на материала към марката. Не добавяйте просто бял правоъгълник навсякъде, без да проверите как изглежда в цялото оформление.
Поддържайте бутоните разпознаваеми чрез форма, разстояния и текст, както и чрез цвят. Връзките трябва да се различават и когато цветовете се променят. Съобщение с ясна йерархия се разбира по-лесно, дори когато приложението за поща коригира палитрата.
Съобразете поправката с проблема
Ако логото губи контраст, тествайте одобрен вариант, който го прави видимо и на двата фона. Това може да е подходящ отделен фон или друга версия на марката, а не тежки карета около всяка секция. Проверете резултата в целия имейл, за да не създадете ново визуално разсейване.
Ако основният текст става труден за четене, опростете цветовите комбинации и премахнете ненужното наслагване на текст върху изображения. Ако изчезва бутон, проверете текста, запълването, контура и околното разстояние. Действието трябва да остава разпознаваемо по повече от един визуален белег.
Първо отстранете важните проблеми
Дайте предимство на нечетимия текст, изчезващите действия и подвеждащите ръбове на изображенията, а не на дребните цветови разлики. Някои различия при визуализацията са извън прекия ви контрол, затова проектирайте за добре използваем резултат в различни приложения, а не за напълно еднакви пиксели навсякъде.
Запазете тестваната версия като шаблон за повторна употреба и повторете проверката след голяма промяна на цветове или материали. Проверката на тъмния режим е особено полезна при сезонен дизайн с нов фон. Целта е разпознаваема марка и четимо съобщение в избрания от клиента режим.
Поправяйте първо функционалните проблеми. Нечетим текст, невидимо действие и подвеждащо изрязване на продукта могат да попречат на разбирането. Леко различен неутрален фон може да е приемлив, ако съобщението остава цялостно и разпознаваемо. Опитът за еднакви пиксели навсякъде може да добави крехка сложност, без да подобри клиентското преживяване.
Запазете екранни снимки или бележки за тествания шаблон и повтаряйте подходящите проверки след голяма промяна на материал или палитра. Не приемайте, че сезонен цветови вариант наследява предишния резултат. Успешната проверка оставя читателя способен да разпознае магазина, да разбере офертата и удобно да използва действието в избрания режим, дори когато приложението прави промени извън пълния ви контрол.