Návrh e-mailu pro tmavý režim je potřeba vyzkoušet v aplikacích, které zákazníci skutečně používají, protože každá může barvy upravovat jinak. Logo dobře viditelné na bílé ploše může na tmavém pozadí zmizet a tlačítko může ztratit kontrast. Nejprve zkontrolujte důležité části textu a hlavní akce. Potom opravte konkrétní problémy, aniž byste museli předělávat celou značku.
Zkontrolujte prvky závislé na barvě
Prohlédněte si loga, průhledné obrázky, text, tlačítka, okraje a drobné popisky. Hledejte tmavou grafiku na tmavém pozadí i světlý text, jehož podklad se při změně režimu přebarví. Zásadní informace by neměly záviset na jemné lince, která může zmizet.
Šablona v Sendvio může být dobrým výchozím bodem, ale náhled v editoru nemusí odpovídat všem e-mailovým aplikacím. Odešlete testovací zprávy do prostředí, která používá vaše publikum, a porovnejte světlé i tmavé zobrazení.
Testujte v režimech, které zákazníci skutečně používají
Vyberte typické e-mailové aplikace svého publika a tam, kde je to možné, zkontrolujte odeslanou zprávu ve světlém i tmavém režimu. Pro snazší porovnání použijte stejný obsah i obrázky. Poznamenejte si konkrétní prostředí a závadu místo obecného komentáře, že návrh „vypadá špatně“.
Zaměřte se na tmavé logo s průhledným pozadím, bílý výřez produktu, malé šedé popisky a tlačítka, jejichž tvar vymezuje jen nenápadný okraj. Každý prvek může na změnu pozadí či barvy textu reagovat jinak. Ztrácející se logo je jiný problém než fotografie, jejíž bílé pozadí jen méně splývá s okolím.
Zkontrolujte také odkazy v textu a patičku. Hlavní banner může zůstat čitelný, zatímco odkaz pro odhlášení téměř zmizí. Důležité ovládací prvky si zaslouží stejnou pozornost jako výrazné části návrhu.
Navrhněte e-mail tak, aby zvládl změny
Zvolte dostatečný kontrast textu a důležité sdělení nevkládejte přes rušivý obrázek. Logu můžete dodat vhodný podklad, ale zachovejte jeho věrnost značce. Nepřidávejte bílý obdélník za každý prvek bez kontroly celého rozvržení.
Tlačítka udržte rozpoznatelná tvarem, odsazením i textem, nejen barvou. Odkazy by měly zůstat rozeznatelné i při posunu odstínů. Přehledná hierarchie zprávy pomůže s orientací, i když aplikace změní paletu.
Opravu přizpůsobte konkrétní závadě
Pokud logo ztrácí kontrast, vyzkoušejte schválenou variantu viditelnou na obou pozadích. Pomoci může vhodný podklad nebo jiná verze loga; není nutné uzavírat každý blok do výrazného rámečku. Kontrolujte celý e-mail, aby oprava nevytvořila nové rušivé místo.
Pokud se špatně čte hlavní text, upravte vztah barev a omezte zbytečné kombinace textu s obrázkem. Když mizí tlačítko, zkontrolujte jeho text, výplň, okraj i okolní odsazení. Hlavní akce by měla být rozeznatelná podle více než jednoho vizuálního prvku.
Nejprve opravte problémy, které brání použití
Před drobnými barevnými rozdíly řešte nečitelný text, mizící akce a zavádějící okraje obrázků. Některé rozdíly zobrazení nemáte plně pod kontrolou, proto navrhujte pro dobrou použitelnost napříč aplikacemi, ne pro shodu každého pixelu.
Otestovanou verzi uložte jako znovupoužitelnou šablonu a kontrolu opakujte po větších změnách barev nebo obrázků. Tmavý režim zkontrolujte zvlášť u sezónních návrhů s novými podklady. Cílem je rozpoznatelná značka a čitelná zpráva v režimu, který si zákazník zvolil.
Funkční potíže mají přednost před drobnými rozdíly. Nečitelný text, neviditelná akce nebo zavádějící ořez produktu mohou zákazníkovi zabránit v pochopení nabídky. Mírně odlišný neutrální podklad může být přijatelný, pokud zpráva zůstává srozumitelná. Snaha vynutit shodné zobrazení za každou cenu může přidat komplikace bez přínosu.
Uložte si snímky obrazovky nebo poznámky k otestované šabloně a po výrazné změně obrázku či palety zopakujte kontroly. Nepředpokládejte, že sezónní varianta automaticky zdědí předchozí výsledek. Zákazník by měl poznat obchod, pochopit nabídku a pohodlně použít akce, i když jeho aplikace provede změny, které nemůžete plně ovlivnit.