Att vara e-postmarknadsförare innebär numera så mycket mer än att bara skapa en vägg av text, lägga till en vacker bild och trycka på “skicka”.

Det innebär att du måste hålla dig uppdaterad om nyheter, uppdateringar och förändringar, ha grundläggande psykologi- och beteendekunskaper och framför allt känna igen när något är på frammarsch. Om du följer med i de senaste trenderna för e-postmarknadsföring är du medveten om det ökande intresset för mörkt läge. Många människor, inklusive jag själv, gillar att ha en mörk bakgrund. Detta innebär dock ett dilemma för e-postmarknadsförare, för även om det är kul att använda det mörka läget är det inte så kul att utforma e-postmeddelanden för det.

Trenden ökar

Det verkar som om alla som är någon talar om det mörka läget. Sedan 2019 har alla branschledare som Google, Apple och till och med Wikipedia offentligt uttryckt sitt stöd för den här funktionen. Det sätter e-postmarknadsförare i en svår situation, eftersom det inte är lätt att optimera för ljusa och mörka miljöer. Men vad är egentligen mörkt läge för e-post?

Enkelt uttryckt är mörkt läge – även kallat ljus på mörk färgskala – ett sätt att visa information med ett ljust typsnitt och bilder på en mörk bakgrund. Det var inte särskilt populärt. Färgskalan mörkt mot ljust simulerade bläck på papper och var en enklare övergång mellan medierna.

Med tiden har dock många artiklar påpekat att mörkt läge sparar batteri och är lättare för ögonen. Det verkar vara en logisk slutsats, eftersom många människor sänker ljusstyrkan på sina enheter när det är mörkare ute, eftersom de får ont i ögonen. Energiförbrukningen var den främsta anledningen till att företagen började införa mörkt läge. Microsoft var först med att lägga till en mörk bakgrund i Windows Phone 7. Efter att Google 2018 bekräftade att mörkt läge sparar batteri hoppade andra företag på tåget. Om produkter som du kan läsa e-postmeddelanden på har detta alternativ, bör även själva e-postmeddelandet ha det.

Nu är det mörka läget den hetaste nyheten efter e-postautomatisering, och det vore ett stort misstag att ignorera det. Du kanske frågar dig – varför? Varför ska du bry dig om mörkt läge? Det främsta skälet är tillgängligheten. Tror du att dina mottagare kommer att ändra hela sin gränssnittsinställning för att läsa ett av dina e-postmeddelanden (det skulle bara vara optimerat för ljusläge) eller kommer de helt enkelt att sluta öppna dem? Ännu värre – avregistrera dig? Om du inte har ett banbrytande, revolutionerande innehåll kan du satsa på det senare. Så för att inte förlora prenumeranter är det din plikt att ta reda på hela den här frågan om mörkt läge för e-post som onlinebranschen har kastat på dig.

Mörkt läge för e-post sparar batteritid

Det första, mest grundläggande påståendet är att det mörka läget faktiskt använder mindre batteritid än alternativet mörkt mot ljus. Det är bara delvis sant – allt beror på vilken typ av skärm du har. Telefoner med OLED-skärmar fungerar annorlunda än traditionella LCD-skärmar. OLED-skärmar kan dra nytta av mörkerläge och det beror på att de är byggda på ett annat sätt. Med den här typen lyser varje pixel individuellt. Det betyder att den svarta pixeln är inaktiverad – så den förbrukar inte batteriet. Fram till nyligen var OLED inte lika populärt, men i iPhone X och nyare Android-modeller kan det mörka läget verkligen hjälpa till att spara batteritid.

E-post i mörkt läge är bättre för ögonen

Ända sedan Internet fick plats i handflatan har olika forskare försökt ta reda på hur ansträngande det är att stirra på en skärm. År 2018 gjordes en studie om digital ögonbelastning som visade att över 50 % av datoranvändarna är drabbade. Och det är inga goda nyheter. Detta tillstånd kan ge upphov till huvudvärk, apati och starka smärtor. Ännu värre är att det verkar som om ingen är riktigt säker på att slippa det. Idag arbetar många människor online och sitter vid datorn i åtta timmar. Så snart arbetet är klart sätter de på sin privata elektronik och tillbringar ytterligare några timmar framför skärmen.

Så när påståendet om att mörkt läge faktiskt kan hjälpa till med detta tillstånd kom fram var alla ivriga att testa det. Det finns dock inget vetenskapligt bevis för att mörkt läge faktiskt hjälper mot digital ögonbelastning. Visst är det mörka läget mindre störande när du använder det på natten eller i ett dåligt upplyst utrymme, och om du utformar e-postmeddelanden för detta läge blir de lättare att se på. Men det kan också leda till att användarna spenderar mer tid på programmet.

Mörkt läge för e-postmarknadsföring är bättre på lång sikt

Vi nämnde nyss att det mörka läget inte hjälper till att minska den digitala ansträngningen för ögonen, men det har hävdats att det kan vara bra om det används konsekvent. En nyligen genomförd studie av Nature.com visade att även om det inte finns någon synlig skillnad när man använder olika nyanser på kort sikt, hjälper mörkt läge faktiskt mot ett tillstånd som kallas myopi (oförmåga att se föremål på långt håll tydligt). Forskarna testade två grupper och mätte tjockleken på deras aorta för att se om den förändrades. Att denna del av ögat blir tunnare är relaterat till närsynthet.

Denna studie visade att även om prestanda kan vara bättre när man använder det ljusa läget, har det mörka läget betydligt bättre långtidseffekter på ögat. Om du utformar e-postmeddelanden för temat för mörkt läge hjälper du i huvudsak människor på lång sikt. Alla läser ju sina e-postmeddelanden nästan dagligen.

Mörkt läge gör det lättare att läsa

Du har säkert hört den. Det mörka läget för e-post är lättare för ögonen, vilket innebär att det måste vara bättre att läsa med det. Sanningen kan dock vara en besvikelse.

Det visar sig att människor är mycket mer vana vid svart text på vit bakgrund, vilket kanske beror på att man läste nyheter på nätet innan man gjorde det i en tidning. En studie som genomfördes 2013 visade dock att positiv polaritet är bättre för fokus och prestanda hos yngre och äldre användare. Det är helt enkelt lättare att anpassa sig till en vit bakgrund än till en mörk bakgrund. Användarna anstränger sig mer för att koncentrera sig när bokstäverna är vita. De hade också svårare att korrekturläsa och upptäcka fel.

Det betyder dock inte att alla tycker att ljusläge är bättre att läsa. Det finns flera studier som bekräftar att mörkt läge kan vara bättre för synskadade personer och personer som lider av ljuskänslighet. Det kan därför vara mycket lättare för dem att läsa en text, och att utforma e-postmeddelanden för mörkt läge hjälper marknadsföring på nätet att kännas mer inkluderande.

Olika klienter, olika mörka lägen?

För närvarande har alla vanliga e-postklienter ett alternativ för att växla till mörkt läge. Problemet är att de erbjuder sina tjänster på olika enheter, och du kommer inte att hitta mörkt läge på alla enheter. Här finns mörkt läge tillgängligt:

Mobila appar

• Gmail-app (Android)
• Gmail-app (iOS)
• Outlook-app (Android)
• Outlook-app (iOS)

Stationära klienter

• Apple Mail
• Outlook 2019 (Mac OS)
• Outlook 2019 (Windows)

Webbklienter

• Outlook.com

Det finns en annan hake. Det är inte bara mörkt läge som är tillgängligt i utvalda enheter, det kan också visas på olika sätt beroende på leverantör. Det innebär att utformningen av ditt e-postmeddelande ändras beroende på vilken tjänst användaren använder.

Inga färgförändringar

Vissa e-postklienter ger dig möjlighet att ändra användargränssnittet till mörkt läge, men de gör inga ändringar i själva e-postmeddelandet. Det innebär att e-postmeddelandet ser exakt likadant ut oavsett appinställning.

Det här alternativet är möjligt i iOS och Apple Mail, så om de flesta av dina mottagare använder den här e-postklienten behöver du i princip inte optimera dina e-postmeddelanden för mörkt läge. Det finns dock ett undantag. E-postmeddelanden i ren text utlöser övergången till mörkt läge. Tänk på att du måste ha en bild på 2×1 pixel för att e-post ska kunna vara i ljusläge.

Partiell färgförändring

Med den här funktionen ser du till att alla ljusa element i e-postmeddelandet blir mörka. Men mörk text blir också ljus för att garantera läsbarheten. Andra mörka element kommer dock inte att ändras. Detta kan observeras i Outlook.com.

Detta verkar vara det smartaste sättet att byta e-post till mörkt läge, men det kan få katastrofala effekter på dina logotyper och ditt varumärke. Om vissa av färgerna är inverterade kan det innebära en risk för varumärkeskonsistensen. Dessutom kräver det här läget en hel del tester för att se till att dina färger inte är för ljusa för att bli inverterade eller för mörka för att försvinna i den mörka bakgrunden.

Ändring i helfärg

Den mest invasiva, mycket svår att navigera och tyvärr en av de mest populära. Färgbyte används i Outlook 2019 och Gmail App på iOS, som är två av de viktigaste e-postklienterna på nätet.

Denna inverter är full. Det betyder att ljusa element blir mörka, men mörka element blir också inverterade. Det här är svårt och kräver en hel del tester för att se till att ditt e-postmeddelande är läsbart och överensstämmer med ditt varumärke. Du måste också ta hänsyn till att det här alternativet inte tillåter målinriktning för mörkt läge, vilket innebär att du inte kan åsidosätta användarinställningarna.

Hur utformar man e-postmeddelanden för mörkt läge?

Låt oss vara ärliga – ett bra e-postmeddelande måste se bra ut både i ljust och mörkt läge. När du utformar e-postmeddelanden för mörkt läge måste du därför tänka på båda alternativen och hur slutresultatet kommer att se ut i mottagarnas inkorg. Det kan vara en skrämmande uppgift, men det finns några grundläggande knep som hjälper dig att komma igång.

1. Använd genomskinliga bilder

E-postklienter som tillåter användare att byta till mörkt läge inverterar e-postfärgerna i CSS, men de rör inte bilderna. Om du använder en bild som ska smälta in i bakgrunden måste du därför göra vissa justeringar. Annars kommer det inte att se bra ut omvänt. Det är bäst att använda bilder med transparent bakgrund. På så sätt kan du se till att ditt e-postmeddelande ser sammanhängande ut och att bilderna inte blir konstiga.

Alternativt kan du använda detta för att få ditt e-postmeddelande att sticka ut. Om du känner att bilden ger en udda faktor och gör ditt e-postmeddelande mer intressant, prova att använda det vanliga formatet. Tänk dock på att du måste se till att designen är felfri och att den kommer att fungera bra.

2. Testa allt

För varje e-postmeddelande som du skapar måste du testa till perfektion. Om du justerar en sak måste du se till att den ser bra ut både i ljust och mörkt läge. Varje kodrad som du ändrar måste testas. Experimentera med olika nyanser, eftersom vitt och svart inte alltid ser bäst ut. Matcha färgtoner tillsammans och invertera dem för att se om de fortfarande ser bra ut. Var uppmärksam på dina typsnitt och tänk alltid på att det finns tre olika sätt att visa ditt e-postmeddelande på. Det betyder att du måste anpassa din e-post för det mörka läget till perfektion.

Kort sagt, kontrollera att allt flyter på och gör det med varje e-postmeddelande. Med tiden kommer du att hitta vad som fungerar och vad som inte fungerar, men även om du har hittat ditt designprotokoll måste du fortfarande dubbelkolla hur det ser ut. Tänk alltid på att e-post och dess funktioner ständigt förändras. Detta innebär att det mörka läget också kan vara annorlunda.

3. Lägg till vita streck runt mörka typsnitt

Alla logotyper är inte utformade för att se perfekta ut oavsett var du placerar den. Vanligtvis skapar varumärken några varianter som ser bra ut på mörka och ljusa bakgrunder, men när det gäller optimering av e-post blir det lite mer komplicerat. Du kan trots allt inte vara säker på vilket läge dina mottagare använder för att se till att din logotyp syns. Samma sak gäller när du använder text på en transparent bild. Du kan säkert föreställa dig hur det svarta teckensnittet kommer att se ut när det inte har någon bakgrund och färgerna är omvända?

Det finns sätt att ändra detta. En enkel lösning är att lägga till en vit kant. Att ge din logotyp eller text en vit kant är ett säkert sätt att göra den synlig, oavsett bakgrundsfärg. Även om kanten inte syns på den vita bakgrunden kommer den att synas i mörkret.

Om du har en ljus logotyp kan du använda den svarta ramen eller i stort sett vilken färg som helst som du tycker skulle se bra ut på en vit eller svart bakgrund. Tänk på att det är bäst att testa det för att se till att det är förenligt med resten av e-postmeddelandet och med ditt varumärke.

När det gäller att visa din logotyp i ett e-postmeddelande har de flesta företag varianter som ser bra ut på ljusa och mörka teman, vanligtvis med transparenta bakgrunder. Nu är logotyperna bilder, vilket innebär att de inte kommer att vara inverterade. Du måste också se till att ditt varumärke visas korrekt.

Målinriktning på mörkt läge i e-postklienter

Den goda nyheten är att mörkt läge inte påverkar HTML-e-post som standard. Detta innebär att de inte kommer att ändras oavsett vilket läge programmet är inställt på. Det betyder också att du måste göra arbetet själv. Det är där du kan “hacka” systemet och börja utforma e-postmeddelanden som fungerar i mörkt läge.

Om du vill se till att mörkt läge är aktiverat i dina e-postmeddelanden måste du inkludera en kodrad i <head> taggen. Detta används för att kontrollera om enheten har aktiverat ljusläge eller mörkt läge. Men en upplysning: denna rad fungerar inte alltid, men du kan kontrollera var den är tillämplig här.

Tyvärr har de flesta av de stora klienterna inte stöd för detta alternativ, enligt webbplatsen ovan. Det skadar dock inte att tillsätta det, bara för att vara på den säkra sidan.

<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<style type="text/css">
:root {
    color-scheme: light dark;
    supported-color-schemes: light dark;
  }
</style>

Then add this media query to your CSS:

@media (prefers-color-scheme: dark) {
  body {
    background-color: #3D3E40;
    color: #FEFEFD;
  }
}

@media (prefers-color-scheme: light) {
  body {
    background-color: #FEFEFD;
    color: #3D3E40;
  }
}

Slutsats om e-postmarknadsföring i mörkt läge

Att skapa ett e-postmeddelande som ser bra ut både i ljusa och mörka lägen är ingen lätt uppgift. Det kräver mycket tålamod och ännu mer tester. Men med några enkla ändringar och vår guide kan du skapa ett vackert e-postmeddelande som ser bra ut i alla e-postklienter. Så sätt igång och börja utforma e-postmeddelanden för mörkt läge redan nu!