Cum se formulează un design de e-mail și o strategie de dezvoltare

În acest tutorial vă voi explica cum să vă concentrați eforturile asupra clienților de e-mail și a clienților webmail utilizați de publicul țintă.

Notă: acest tutorial face parte dintr-o săptămâna în valoare de conținut de e-mail pe Tuts + Web Design-a verifica ghidul HTML Mastering învățare e-mail pentru mai mult!

1. Înțelegerea importanței unei strategii

Publicul dvs. țintă are acces la o gamă largă de clienți de e-mail, clienți webmail și dispozitive și, deoarece nu există nici un e-mail echivalent cu standardele W3C, modul în care aceștia vor experimenta campaniile dvs. de e-mail vor varia în funcție de ce folosesc pentru a le vedea și de ce utilizați pentru a interacționa cu ei.

De exemplu, ei ar putea folosi:

• Microsoft Outlook, care nu reda GIF-uri animate dincolo de primul cadru.
  
• Gmail, care nu redă fonturi web.
• iOS Mail, care face joacă GIF animate și face redă fonturile web, dar, de asemenea, în mod nefolositor, face ca anumite conținuturi să fie sub formă de link-uri albastre sau de legături gri!

Prin urmare, pentru a oferi o experiență excelentă abonatului publicului dvs. țintă, trebuie să formulați o strategie de design și dezvoltare a e-mailului care să ia în considerare clienții de e-mail și clienții webmail pe care îi folosesc. Unul care vă permite să vă valorificați cele mai bune și să depășiți (cu un hack-ul de e-mail sau două) cele mai grave și cele mai provocatoare caracteristici.

Întrebarea este: cum puteți face acest lucru, atunci când publicul dvs. țintă ar putea folosi orice număr de clienți de e-mail și clienți webmail, pe orice număr de dispozitive? Răspunsul este prin folosirea unui instrument de analiză a e-mailurilor pentru a afla care dintre ele sunt utilizate.

2. Aflați ce clienți utilizează audiența dvs.

Instrumentele de analiză a e-mail-urilor, cum ar fi cele găsite în cadrul Litmus și e-mail pe Acid, urmăresc campaniile individuale de e-mail și creează un raport pentru aceștia, oferind date valoroase despre clienți de e-mail și webmail. Pentru a genera și a accesa aceste date, trebuie să creați un link unic de urmărire în instrument, pentru fiecare dintre campaniile dvs. de e-mail și să îl construiți în fiecare e-mail HTML respectiv. Poate arata cam asa:

Odată ce ați trimis campania dvs. de e-mail, cu piesaing link-ul încorporat în acesta, veți începe să vedeți datele apar în raportul de analiză a e-mailurilor. Va trebui să acordați suficient timp publicului dvs. țintă suficient pentru a vă deschide campania dvs. de e-mail, pentru a obține o imagine exactă a modului în care a văzut și a interacționat cu acesta.

Litmus Analytics raportează rezumat, prezentând date despre clienți prin e-mail și webmail.

Pe măsură ce trimiteți tot mai multe campanii de e-mail către publicul dvs. țintă, veți vedea că tendințele încep să apară în rapoartele dvs. de analiză prin e-mail, permițându-vă să identificați printre clienții dvs. de publicitate și clienți webmail cei mai populari clienți ai publicului țintă și care sunt cel mai puţin. Merită să afirmați aici că nu este înțelept să formulați strategia de proiectare și dezvoltare a unui e-mail pe un singur raport, deoarece poate fi o anomalie, deci începeți cu un minim de trei.

Acum sunteți pregătit să analizați rapoartele de analiză a e-mailurilor și să stabiliți clienții de e-mail și clienții webmail care vă formulează strategia în jurul valorii.

3. Îmbunătățiți ce clienți să strategizeze

Începeți prin analizarea rapoartelor din instrumentul dvs. de analiză a e-mailurilor, căutând în primul rând clienții de e-mail și clienții webmail utilizați de publicul țintă pentru a vă deschide campaniile de e-mail. Identificați cele mai populare e-mailuri și clienți webmail ai publicului dvs. țintă, indicată de procentajul de popularitate înregistrat pentru fiecare dintre ele.

Cei mai populari clienți de e-mail și webmail.

Cei mai populari clienți de e-mail și clienți webmail ar trebui să fie considerați "primii clienți" ai publicului țintă, iar cei pe care ar trebui să-ți formulezi în jurul tău designul și strategia de dezvoltare a e-mailurilor. Ca ghid, procentul lor de popularitate colectivă ar trebui să se ridice la minimum 60-70% și să fie alcătuit din doi sau trei clienți de e-mail și / sau webmail.

Restul de 30-40% ar trebui considerate "clienți secundari" ai publicului țintă,.

Strategia dvs. de e-mail și strategia de dezvoltare, atunci ar trebui să fie formulate pentru a furniza următoarele informații despre clienții dvs. principali:

1. Asigurați-vă că campaniile dvs. de e-mail se transformă fără probleme.
2. Asigurați-vă că campaniile dvs. de e-mail sunt ușor de interacționat, de exemplu prin utilizarea butoanelor selectabile în întreaga lor zonă.
   
3. Utilizați, acolo unde este posibil, caracteristicile în cadrul clienților de e-mail și webmail care adaugă valoare experienței abonatului.

Și furnizați următoarele la "clienții secundari" ai publicului dvs. țintă:

1. Asigurați-vă că mesajele și apelurile la acțiune ale campaniei dvs. de e-mail sunt clare și, în timp ce este posibil ca acestea să nu fie făcute fără cusur sau în același mod ca și "clienții primari", nu pierdeți prea mult somn peste ea.
2. Asigurați-vă că campaniile dvs. de e-mail sunt ușor de interacționat.

După ce ați stabilit ce sunt "clienții primari" și "clienții secundari" ai publicului țintă, sunteți aproape gata să începeți să formulați strategia de proiectare și dezvoltare a e-mailului. Cu toate acestea, înainte de a face acest lucru, trebuie să înțelegeți caracteristicile lor unice pentru a vă asigura că le oferiți o experiență excelentă abonatului.

4. Identificați clienții "primari" și "clienți secundari"

Înțelegerea corectă a clienților dvs. primari și a clienților secundari vă oferă posibilitatea de a lua decizii bune de proiectare și dezvoltare, formulându-vă designul și strategia de dezvoltare a e-mailului.

Deși nu sunt exhaustive, iată câteva dintre caracteristicile și caracteristicile acceptate ale unor clienți populari de e-mail și webmail. Merită să afirmăm aici că unele dintre caracteristicile implicite pot fi îmbunătățite sau depășite folosind hack-uri de e-mail.

Caracteristici de proiectare și caracteristici acceptate

E-mail Client / Webmail Client	Proiecta Caracteristici și caracteristici acceptate
Microsoft Outlook	Modul nefixat, fixat Nu există fonturi web Nu există animate GIF-uri Nu există imagini de fundal (fără a implementa imaginile de fundal anti-bullet)
iOS	Formatul receptiv Fonturi Web Animate GIF-uri Imagini de fundal Afișează un anumit conținut (numere, date și termeni asemănători, cum ar fi pana cand), Ca link-uri albastre sau link-uri gri (fără a implementa hack-ul albastru)
Gmail	Formatul receptiv Nu există fonturi web Animate GIF-uri Imagini de fundal (cu excepția aplicației Gmail pentru abonații care nu au cont Gmail)

Caracteristicile de dezvoltare și caracteristicile suportate

E-mail Client / Webmail Client

Dezvoltare Caracteristici și caracteristici acceptate

Microsoft Outlook

necesită s pentru crearea structurii de e-mail iOS suporturi s și / sau  s pentru crearea structurii de e-mail Gmail suporturi s și / sau  s pentru crearea structurii de e-mail Necesită CSS inline pentru elementele esențiale de styling pe unele versiuni, inclusiv Gmail pe Android 5.1, Gmail pe Android 6.1 și Gmail App IMAP După ce ați stabilit ce sunt clienții primari și secundari ai publicului dvs. țintă și dacă ați înțeles caracteristicile acestora, sunteți pregătit să formulați un design de e-mail și o strategie de dezvoltare. 5. Formuleaza-ti strategia de design si dezvoltare Folosind informațiile pe care le-ați câștigat din rapoartele dvs. de analiză a e-mailurilor și înțelegerea diverșilor clienți ai publicului dvs. țintă, acum puteți formula strategia dvs. Rețineți că obiectivul dvs. este de a oferi o experiență de abonat excelent publicului țintă. Dacă aveți mai multe segmente de public vizate, va trebui să creați o strategie pentru fiecare dintre ele. Ce strategie de design și dezvoltare a e-mailului cuprinde O strategie de proiectare și dezvoltare cuprinde patru elemente-cheie; fiecare informat și influențat de clientul primar al publicului țintă. Elementele cheie sunt: O abordare a designului. O abordare a dezvoltării. O abordare a oricăror îmbunătățiri progresive. Un raționament, subliniind gândirea din spatele strategiei. Exemplu de strategii Iată câteva strategii de exemplu, bazate pe publicul țintă real, cu clienții e-mail și webmail care influențează fiecare abordare afișată în paranteze. Strategia # 1 Clienți primari Microsoft Outlook (50%) iOS Mail (20%) Gmail (10%) Proiecta Amenajarea fixă ​​(Microsoft Outlook) și aspectul receptiv (iOS Mail / Gmail pe mobil) Fonturi sigure pentru Web (Microsoft Outlook) (Acestea vor fi suprascrise de fonturile native din Gmail pe Android) Dezvoltare structură sau structura înfășurat înăuntru fantomă structură (Microsoft Outlook / iOS Mail) Titlu și titluri marimea fontului dimensionate pentru a se încadra în fereastra de vizualizare mobilă, cu @mass-media interogare folosită pentru a mări marimea fontului pentru desktop (Gmail) Îmbunătățire progresivă Fonturile web, asemănătoare stilului cu fontul web sigur pentru a menține integritatea designului (iOS Mail) Argumentare Majoritatea publicului țintă utilizează Microsoft Outlook, a fix clientul de e-mail, e-mailurile ar trebui să fie concepute în primul rând pentru vizualizarea și interacțiunea cu desktop-ul. Lipsa suportului de fonturi pe web, înseamnă, de asemenea, că trebuie să fie utilizate fonturi de tip "web safe". Tehnicile de îmbunătățire progresivă pot fi implementate pentru a valorifica unele dintre caracteristicile de proiectare și dezvoltare pe care ceilalți clienți de e-mail și clienții webmail utilizați de această ofertă vizată de public, cum ar fi fonturile web pe iOS Mail și GIF animate în Gmail. să fie implementat pentru a asigura că Microsoft Outlook nu redă fonturi ca Times. Strategia # 2 Clienți primari iOS Mail (40%) Gmail (30%) Proiecta Mobil  Formatul reactiv (iOS Mail / Gmail pe mobil) Fonturile web sau fonturile în condiții de siguranță web (Acestea vor fi suprascrise de fonturile native din Gmail pe Android) Dezvoltare structura sau  structura înfășurat înăuntru fantomă (dacă unul dintre "clienții secundari" este Microsoft Outlook) Titlu și titluri marimea fontului dimensionate pentru a se încadra în fereastra de vizualizare mobilă, cu @mass-media interogare folosită pentru a mări marimea fontului pentru desktop (Gmail) Îmbunătățire progresivă Fonturile web, asemănătoare stilului cu fontul web sigur pentru a menține integritatea designului (iOS Mail) Argumentare Pe măsură ce majoritatea publicului țintă utilizează iOS Mail, puteți fi mai creativ, având în vedere că aveți mai multe caracteristici de design și dezvoltare pentru a utiliza, cum ar fi abilitatea de a utiliza fonturi web pentru titlul și titlurile dvs. Utilizarea Gmail este mai semnificativă în rândul acestui public țintă, dar din cauza cache-ului de imagine al Google, este imposibil să identificăm ce versiune utilizează și dacă suportă sau nu suport CSS intern. Deci, ca și în cazul strategiei # 01, e-mailul trebuie dezvoltat pentru a lucra pe mobil, fără a se baza pe CSS intern și @mass-media întrebări. Ce sunt Tabelele Ghost? Sunt tabele fantomă  elemente create pentru a fi redate numai în Microsoft Outlook. Ca atare, deschiderea lor , și , și  etichetele și închiderea acestora tag-uri, sunt incluse în comentariile Microsoft condiționale -  de exemplu. Acestea sunt folosite pentru a vă permite să construiți e-mailuri pentru Microsoft Outlook, permițându-vă, de asemenea, să construiți e-mailuri pentru alți clienți de e-mail și webmail cu s. Construirea de e-mailuri cu s, vă asigură că e-mailurile sunt accesibile și vă permit să beneficiați de flexibilitatea în care lucrați s oferă, cum ar fi posibilitatea de a utiliza pluti  proprietate. Concluzie Așa cum ați descoperit în acest tutorial, este important să aveți un design de e-mail și o strategie de dezvoltare, dacă aveți de gând să ofere o experiență de abonat mare pentru publicul dvs. țintă. De asemenea, este important să reanalizați și să analizați în mod regulat rapoartele din instrumentul dvs. de analiză a e-mailurilor, deoarece publicul dvs. țintă poate schimba periodic clientul de e-mail sau clientul webmail pe care îl alegeți din când în când. Web design Cum de a Frame video-ul dvs. Webcam ca un profesionist Cum să vă formatați foile de calcul în Excel cu stiluri ×