Hur man formulerar en strategi för e-postdesign och utveckling

I den här handledningen ska jag förklara hur du ska fokusera dina ansträngningar på e-postklienterna och webmailklienterna som används av din målgrupp.

Notera: Denna handledning är en del av en hel veckas värde av e-postinnehåll på Tuts + Web Design-kolla in Mastering HTML Email Learning Guide för mer!

1. Förstå betydelsen av en strategi

Din målgrupp har tillgång till ett brett utbud av e-postklienter, webbmailklienter och enheter, och eftersom det inte finns något e-postmeddelande som motsvarar W3C-standarder, hur de upplever dina e-postkampanjer varierar beroende på vad de använder för att se dem och vad de använder för att interagera med dem.

De kan till exempel använda:

• Microsoft Outlook, som inte spelar animerade GIF-filer bortom den första ramen.
  
• Gmail, som inte gör webblanketter.
• iOS Mail, vilken gör spela animerade GIF, och gör gör webblanketter, men gör också något håglöst innehåll som blå länkar eller grålänkar!

För att du ska kunna leverera en stor abonnentupplevelse till din målgrupp måste du formulera en e-postdesign och utvecklingsstrategi som tar emot de e-postklienter och webbmailklienter som de använder med hänsyn till. En som gör att du kan utnyttja sitt bästa och övervinna (med en e-posthack eller två) sina värsta och mest utmanande funktioner.

Frågan är: Hur kan du göra detta när din målgrupp kan använda ett antal e-postklienter och webbmailklienter på ett antal enheter? Svaret är att använda ett verktyg för e-postanalys för att ta reda på vilka de använder.

2. Ta reda på vilka kunder din publik använder

E-postanalysverktyg, som de som finns i Litmus och Email on Acid, spåra enskilda e-postkampanjer och skapar en rapport för dem, tillhandahåller värdefull e-postklient och webbmailklientdata, förutom enhet, operativsystem och engagemangsdata. För att generera och få åtkomst till denna data måste du skapa en unik spårningslänk i verktyget, för varje e-postkampanj och bygga in den i respektive HTML-e-postadress. Det kan se lite ut så här:

När du har skickat din e-postkampanj, med spåreting-länken är inbyggd i det, börjar du se data visas i rapporten för e-postanalys. Du måste tillåta tillräckligt med tid för att tillräckligt många målgrupper ska kunna öppna din e-postkampanj för att få en korrekt bild av hur de har tittat på och interagerat med det.

Sammanfattning av Litmus Analytics-rapport, som visar e-post och webbmail-klientdata.

När du skickar fler och fler e-postkampanjer till din målgrupp ser du att trender börjar dyka upp i dina e-postanalysrapporter, så att du kan identifiera vilka är de mest populära e-postklienterna och webbmailklienterna bland din målgrupp, och vilka är de minst. Det är värt att ange att det är oklokt att formulera din e-maildesign och utvecklingsstrategi på en rapport, eftersom det kan vara en anomali, så börja med minst tre.

Du är nu redo att analysera dina e-postanalysrapporter och fastställa vilka e-postklienter och webbmailklienter som ska formulera din strategi.

3. Begränsa vilka kunder som ska strategisera för

Börja med att analysera rapporterna i ditt verktyg för e-postanalys, titta främst på de e-postklienter och webbmailklienter som har använts av din målgrupp för att öppna dina e-postkampanjer. Identifiera din målgrupps mest populära e-post- och webbmailklienter, indikerad av popularitetsprocenten registrerad mot var och en.

Mest populära e-post och webmail klienter.

De mest populära e-postklienterna och webmailklienterna bör betraktas som målgruppens "primära kunder" och de som du bör formulera din e-postdesign och utvecklingsstrategi runt. Som en guide bör deras kollektiva popularitet procent öka till ett minimum av 60-70%, och bestå av två eller tre e-post- och / eller webbmailklienter.

Återstående 30-40% ska betraktas som målgruppens "sekundära kunder".

Din e-postdesign och utvecklingsstrategi ska då formuleras för att leverera följande på dina målgrupper "primära kunder":

1. Se till att dina e-postkampanjer görs felfritt.
2. Se till att dina e-postkampanjer är lätta att interagera med, till exempel genom att använda knappar som kan väljas över hela deras område.
   
3. Utrusta, där det är möjligt, funktioner inom e-post och webbmail-klienter som ger värde till abonnentupplevelsen.

Och leverera följande på din målgrupps "sekundära kunder":

1. Se till att din e-postkampanj meddelanden och uppmaningar till handling är klara, och när de kanske inte gör felfritt, eller på exakt samma sätt som de "primära klienterna", förlora inte för mycket sömn över det.
2. Se till att dina e-postkampanjer är lätta att interagera med.

Efter att ha fastställt vad din målgrupps "primära kunder" och "sekundära kunder" är är du nästan redo att börja formulera din e-postdesign och utvecklingsstrategi. Men innan du gör måste du förstå deras unika egenskaper för att säkerställa att du levererar en bra abonnentupplevelse till dem.

4. Identifiera "Primary" och "Secondary Clients"

Att förstå dina primära kunder och sekundära kunder korrekt kan du göra bra beslut om design och utveckling, eftersom du formulerar din email design och utvecklingsstrategi.

Även om inte uttömmande, här är några av de egenskaper och funktioner som stöds av några av de populära e-post- och webmailklienterna. Det är värt att ange att vissa av standardegenskaperna kan förbättras eller övervinnas med hjälp av e-posthackar.

Designegenskaper och funktioner som stöds

E-postklient / Webmail Client	Design Egenskaper och funktioner som stöds
Microsoft Outlook	Icke-mottaglig, fast layout Inga webbfonter Inga animerade GIF-filer Inga bakgrundsbilder (utan att implementera bulletproof bakgrundsbilder email hack)
iOS	Responsiv layout Webbfonter Animerade GIF-filer Bakgrundsbilder Visar lite innehåll (siffror, datum och relaterade termer som fram tills), Som blå länkar eller gråa länkar (utan att implementera den blå länkhacken)
Gmail	Responsiv layout Inga webbfonter Animerade GIF-filer Bakgrundsbilder (utom i Gmail-appen för abonnenter med ett annat Gmail-konto)

Utvecklingsegenskaper och funktioner som stöds

E-postklient / Webmail Client

Utveckling Egenskaper och funktioner som stöds

Microsoft Outlook

Kräver s för att skapa e-poststruktur iOS stöder s och / eller  s för att skapa e-poststruktur Gmail stöder s och / eller  s för att skapa e-poststruktur Kräver inline CSS för utformning av viktiga element i vissa versioner, inklusive Gmail på Android 5.1, Gmail på Android 6.1 och Gmail App IMAP Efter att ha fastställt vad din målgrupps primära och sekundära kunder är och har förstått sina egenskaper, är du redo att formulera en e-postdesign och utvecklingsstrategi. 5. Formulera din design och utveckling strategi Med hjälp av de insikter du har fått från dina e-postanalysrapporter och din förståelse för dina målgruppers olika kunder kan du nu formulera din strategi. Kom ihåg att ditt mål är att leverera en stor abonnentupplevelse till din målgrupp. Om du har flera målgrupper måste du skapa en strategi för var och en av dem. Vilken strategi för e-postdesign och utveckling omfattar En design- och utvecklingsstrategi består av fyra nyckelelement; var och en informeras och påverkas av målgruppens primära klient. Nyckelelementen är: Ett tillvägagångssätt till designen. Ett tillvägagångssätt för utvecklingen. Ett tillvägagångssätt för eventuella progressiva förbättringar. En motivering, som beskriver tanken bakom strategin. Exempelstrategier Här är några exempelstrategier, baserade på riktiga målgrupper, med e-post och webbmailklienter som påverkar varje tillvägagångssätt som visas i parentes. Strategi # 1 Primärkunder Microsoft Outlook (50%) IOS Mail (20%) Gmail (10%) Design Fast layout (Microsoft Outlook) och responsiv layout (iOS Mail / Gmail på mobilen) Websäkra teckensnitt (Microsoft Outlook) (Dessa överskrids av inbyggda teckensnitt i Gmail på Android) Utveckling struktur eller strukturera inslagna inom spöke struktur (Microsoft Outlook / iOS Mail) Rubrik och rubriker textstorlek Storleksanpassad för att passa inom mobilvisningsporten, med @media fråga som användes för att förstora textstorlek för skrivbordet (Gmail) Progressiv förbättring Webbfonter, liknande i stil som webbsäker typsnitt för att upprätthålla integritet av design (iOS Mail) Logisk grund Eftersom de flesta målgrupperna använder Microsoft Outlook, a fast e-postklienter, e-postmeddelanden ska utformas främst för visning på, och interagera med, skrivbord. Dess brist på stöd för webbtyper innebär också att webbsäkra teckensnitt ska användas. Progressiva förbättringsmetoder kan implementeras för att utnyttja några av de design- och utvecklingsfunktioner som de andra e-postklienterna och webmailklienterna använder av den här målgruppen erbjuder, till exempel webbfonter på iOS Mail och animerade GIF-filer i Gmail, även om lämpliga e-posthackar kommer att behöva implementeras för att säkerställa att Microsoft Outlook inte gör återställningsfonter som Times. Strategi # 2 Primärkunder IOS Mail (40%) Gmail (30%) Design Mobil  Responsiv layout (iOS Mail / Gmail på mobilen) Webtexter eller webbsäkra teckensnitt (Dessa överstyrs av inbyggda teckensnitt i Gmail på Android) Utveckling struktur eller  strukturera inslagna inom spöke struktur (om en av de "sekundära klienterna" är Microsoft Outlook) Rubrik och rubriker textstorlek Storleksanpassad för att passa inom mobilvisningsporten, med @media fråga som användes för att förstora textstorlek för skrivbordet (Gmail) Progressiv förbättring Webbfonter, liknande i stil som webbsäker typsnitt för att upprätthålla integritet av design (iOS Mail) Logisk grund Eftersom de flesta målgrupperna använder iOS Mail kan du vara mer kreativ, eftersom du har fler design- och utvecklingsfunktioner att utnyttja, till exempel möjligheten att använda webbfonter för rubriken och rubrikerna. Användningen av Gmail är viktigare bland den här målgruppen, men det är omöjligt att identifiera vilken version de använder och på grund av Googles bildcaching, oavsett om den stöder intern CSS. Så, som med strategi # 01, måste e-post utvecklas för att arbeta på mobil utan att förlita sig på intern CSS och @media sökfrågor. Vad är Ghost Tables? Ghost tabeller är  Element som skapas för att endast göras i Microsoft Outlook. Som sådan, deras öppning , och , och  taggar och deras stängning taggar, är inslagna i Microsoft villkorliga kommentarer -  till exempel. De är vana att göra det möjligt för dig att konstruera e-postmeddelanden för Microsoft Outlook, samtidigt som du kan skapa e-post för andra e-post- och webbmailklienter med s. Konstruera e-post med s, säkerställer att dina e-postmeddelanden är tillgängliga och låter dig dra nytta av flexibiliteten som arbetar med s erbjudanden, till exempel att kunna använda flyta  fast egendom. Slutsats Som du har upptäckt i den här handledningen är det viktigt att ha en e-postdesign och utvecklingsstrategi, om du ska leverera en bra abonnentupplevelse till din målgrupp. Det är också viktigt att regelbundet återuppta och analysera rapporterna i ditt verktyg för e-postanalys, eftersom din målgrupp kanske väl kan ändra sin e-postklient eller webbmail klient från tid till annan. Webbdesign Så här ramar du din webbkamera video som ett proffs Så här formaterar du kalkylblad i Excel med format ×