Slik formulerer du en e-postdesign og utviklingsstrategi

I denne veiledningen vil jeg forklare hvordan du skal fokusere innsatsen på e-postklientene og webmailklientene som blir brukt av målgruppen din.

Merk: denne opplæringen er en del av en hel ukes verdi av e-postinnhold på Tuts + Web Design-sjekk ut læringsguiden for Mastering HTML Email for mer!

1. Forstå betydningen av en strategi

Målgruppen din har tilgang til et bredt spekter av e-postklienter, webmailklienter og-enheter, og siden det ikke er noen e-post som samsvarer med W3C-standarder, kan de oppleve e-postkampanjene dine, avhengig av hva de bruker til å se dem og hva de Brukes til å samhandle med dem.

For eksempel kan de bruke:

• Microsoft Outlook, som ikke spiller animerte GIF-filer utover den første rammen.
  
• Gmail, som ikke gir webfonter.
• iOS Mail, som gjør spill animerte GIF, og gjør gjør webfonter, men gjør det også unhelpfully noe innhold som blå koblinger eller grå linker!

Derfor, for å levere en god abonnentopplevelse til målgruppen din, må du formulere en e-postdesign og utviklingsstrategi som tar hensyn til e-postklienter og webmailklienter de bruker. En som gjør at du kan utnytte sitt beste, og overvinne (med e-post hack eller to) deres verste og mest utfordrende funksjoner.

Spørsmålet er: hvordan kan du gjøre dette når målgruppen din kan bruke noen antall e-postklienter og webmailklienter på et hvilket som helst antall enheter? Svaret er å bruke et verktøy for analyse av e-post for å finne ut hvilke de bruker.

2. Finn ut hvilke kunder din målgruppe bruker

E-postanalyseringsverktøy, som de som finnes i Litmus og Email on Acid, sporer individuelle e-postkampanjer, og lager en rapport for dem, og gir verdifull e-postklient og webmail klientdata, i tillegg til enhet, operativsystem og engasjementsdata. For å generere og få tilgang til disse dataene må du opprette en unik sporingskobling i verktøyet, for hver av dine e-postkampanjer, og bygge den inn i hver respektive e-post-HTML. Det kan se litt ut som dette:

Når du har sendt e-postkampanjen din, med sporeting kobling innebygd i det, begynner du å se data vises i sin e-postanalyserapport. Du må tillate nok tid til nok av målgruppen din til å åpne e-postkampanjen din for å få et nøyaktig bilde av hvordan de har sett og interaksjon med det.

Litmus Analytics-rapportoppsummering, som viser e-post og webmail klientdata.

Når du sender flere og flere e-postkampanjer til målgruppen din, ser du at trender begynner å dukke opp i dine e-postanalyserapporter, slik at du kan identifisere hvilke som er de mest populære e-postklientene og webmailklienter blant målgruppen din, og hvilke er de minst. Det er verdt å si at det er uklokt å formulere e-postdesign og utviklingsstrategi på en rapport, da det kan være en anomali, så start med minst tre.

Du er nå klar til å analysere e-postanalyserapporter, og fastslå hvilke e-postklienter og webmailklienter som skal formulere strategien din.

3. begrense hvilke kunder som skal strategisere for

Start med å analysere rapportene i verktøyet for e-postanalyse, og se først og fremst på e-postklienter og webmailklienter som har blitt brukt av målgruppen din til å åpne e-postkampanjer. Identifiser målgruppenes mest populære e-post og webmail klienter, angitt av popularitetsprosenten registrert mot hver enkelt.

Mest populære e-post og webmail klienter.

De mest populære e-postklienter og webmailklienter bør betraktes som målgruppenes "primære kunder", og de du bør formulere din e-postdesign og utviklingsstrategi rundt. Som en veiledning bør deres kollektive popularitetsprosent legge opp til minimum 60-70%, og bestå av to eller tre e-post og / eller webmailklienter.

De resterende 30-40% bør betraktes som målgruppenes "sekundære kunder".

Din e-postdesign og utviklingsstrategi bør da formuleres for å levere følgende på målgruppenes "primære kunder":

1. Sørg for at e-postkampanjene dine gjengis feilfritt.
2. Sørg for at e-postkampanjene dine er enkle å kommunisere med, for eksempel ved hjelp av knapper som kan velges over hele området.
   
3. Harness, hvor det er mulig, funksjoner innen e-post og webmail klienter som gir verdi til abonnentopplevelsen.

Og levere følgende på målgruppenes "sekundære kunder":

1. Sørg for at e-postkampanjens meldinger og oppfordringer til handling er klare, og når de ikke gjengis feilfritt, eller på nøyaktig samme måte som de "primære klientene", mister du ikke for mye søvn over det.
2. Sørg for at e-postkampanjene dine er enkle å kommunisere med.

Etter å ha etablert hva målgruppen er "primære kunder" og "sekundære kunder", er du nesten klar til å begynne å formulere e-postdesign og utviklingsstrategi. Men før du gjør det, må du forstå deres unike egenskaper for å sikre at du leverer en god abonnentopplevelse til dem.

4. Identifiser "Primary" og "Secondary Clients"

Å forstå dine primære klienter og sekundære kunder er i stand til å gjøre gode beslutninger for design og utvikling, da du formulerer e-postdesign og utviklingsstrategi.

Selv om det ikke er uttømmende, er det noen av egenskapene og støttede funksjonene til noen av de populære e-post- og webmailklienter. Det er verdt å anføre at noen av standardkarakteristikkene kan forbedres eller overvinnes ved hjelp av e-posthack.

Designegenskaper og funksjoner som støttes

E-postklient / Webmail klient	Design Egenskaper og støttede funksjoner
Microsoft Outlook	Ikke-responsiv, fast layout Ingen webfonter Ingen animerte GIFer Ingen bakgrunnsbilder (uten å implementere bulletproof bakgrunnsbilder e-posthack)
iOS	Responsive layout Web skrifttyper Animerte GIFer Bakgrunnsbilder Viser noe innhold (tall, datoer og relaterte uttrykk som før), Som blå koblinger eller grå koblinger (uten å implementere den blå koblingen hack)
Gmail	Responsive layout Ingen webfonter Animerte GIFer Bakgrunnsbilder (unntatt i Gmail-appen for abonnenter med en ikke-Gmail-konto)

Utviklingsegenskaper og støttede funksjoner

E-postklient / Webmail klient

Utvikling Egenskaper og støttede funksjoner

Microsoft Outlook

krever s for å lage e-poststruktur iOS støtter s og / eller  s for å lage e-poststruktur Gmail støtter s og / eller  s for å lage e-poststruktur Krever inline CSS for styling av viktige elementer i enkelte versjoner, inkludert Gmail på Android 5.1, Gmail på Android 6.1 og Gmail App IMAP Etter å ha etablert hva målgruppens primære og sekundære kunder er, og etter å ha forstått sine egenskaper, er du klar til å formulere en e-postdesign og utviklingsstrategi. 5. Formuler din design og utvikling strategi Ved hjelp av innsiktene du har fått fra dine e-postanalyserapporter, og din forståelse av målgruppens ulike kunder, kan du nå formulere strategien din. Husk at målet ditt er å levere en god abonnentopplevelse til målgruppen din. Hvis du har flere målgrupper, må du opprette en strategi for hver enkelt av dem. Hva en e-postdesign og utviklingstrategi omfatter En design- og utviklingsstrategi består av fire hovedelementer; hver enkelt informert og påvirket av målgruppenes primære klient. Nøkkelelementene er: En tilnærming til designen. En tilnærming til utviklingen. En tilnærming til eventuelle progressive forbedringer. En begrunnelse, som beskriver tanken bak strategien. Eksempel Strategier Her er noen eksempler strategier, basert på reelle målgrupper, med e-post og webmail klienter som påvirker hver tilnærming som vises i parentes. Strategi # 1 Primærkunder Microsoft Outlook (50%) IOS Mail (20%) Gmail (10%) Design Fast layout (Microsoft Outlook) og responsivt layout (iOS Mail / Gmail på mobil) Web-sikre skrifttyper (Microsoft Outlook) (Disse blir tilsidesatt av innfødte skrifter på Gmail på Android) Utvikling struktur eller struktur pakket inn i spøkelse struktur (Microsoft Outlook / iOS Mail) Overskrift og overskrifter skriftstørrelse størrelse for å passe i mobil visningsport, med @media spørringen brukes til å forstørre skriftstørrelse for skrivebordet (Gmail) Progressiv forbedring Web-fonter, ligner i stil til websikker skrifttype for å opprettholde integriteten til design (iOS Mail) rasjonale Som de fleste målgruppen bruker Microsoft Outlook, a fast e-postklient, e-postadresser skal utformes først og fremst for visning og samspill med skrivebordet. Dens mangel på web skrifttypestøtte betyr også at websikker fonter skal brukes. Progressive forbedringsteknikker kan implementeres for å utnytte noen av design- og utviklingsfunksjonene som de andre e-postklientene og webmailklientene som brukes av denne målgruppen tilbyr, for eksempel webfonter på iOS Mail og animerte GIFer på Gmail, selv om egnede e-posthacker må implementeres for å sikre at Microsoft Outlook ikke gir tilbakebetalingstegn som Times. Strategi # 2 Primærkunder IOS Mail (40%) Gmail (30%) Design Mobil  Responsive layout (iOS Mail / Gmail på mobil) Webfonter eller websikker fonter (Disse blir overstyrt av innfødte skrifter på Gmail på Android) Utvikling struktur eller  struktur pakket inn i spøkelse struktur (hvis en av de 'sekundære klientene' er Microsoft Outlook) Overskrift og overskrifter skriftstørrelse størrelse for å passe i mobil visningsport, med @media spørringen brukes til å forstørre skriftstørrelse for skrivebordet (Gmail) Progressiv forbedring Web-fonter, ligner i stil til websikker skrifttype for å opprettholde integriteten til design (iOS Mail) rasjonale Som de fleste målgruppen bruker iOS Mail, kan du være mer kreativ, siden du har flere design- og utviklingsfunksjoner som kan brukes, for eksempel muligheten til å bruke webfonter for overskriften og overskriftene. Bruken av Gmail er viktigere blant denne målgruppen, men på grunn av Googles bildekryptering er det umulig å identifisere hvilken versjon de bruker, og om den støtter internt CSS. Så, som med strategi # 01, må e-posten utvikles for å jobbe på mobil uten å stole på intern CSS og @media spørsmål. Hva er Ghost Tables? Spøkelsetabeller er  elementer som er opprettet for å bli gjengitt i Microsoft Outlook. Som sådan, deres åpning , og , og  koder, og deres lukking koder, pakkes inn i Microsoft betingede kommentarer -  for eksempel. De er vant til å gjøre det mulig å konstruere e-postmeldinger for Microsoft Outlook, samtidig som du kan lage e-postadresser for andre e-post- og webmailklienter med s. Konstruerer e-post med s, sikrer at e-postene dine er tilgjengelige og lar deg dra nytte av fleksibiliteten som jobber med s tilbud, for eksempel å kunne bruke flyte  eiendom. Konklusjon Som du har oppdaget i denne opplæringen, er det viktig å ha en e-postdesign og utviklingsstrategi, hvis du skal levere en god abonnentopplevelse til målgruppen din. Det er også viktig å regelmessig gjenopprette og analysere rapportene i verktøyet for e-postanalyse, da målgruppen din kan endre sin e-postklient eller webmail klient fra tid til annen. Webdesign Slik rammer du Webcam Video som et proff Slik formaterer du regnearkene dine i Excel med stiler ×