Váš kontrolný zoznam pre optimálny mobilný responzívny návrh e-mailu

responzívny e-mailový kontrolný zoznam

Nie je nič, čo by ma skutočne sklamalo, ako keď odklopím na svojom mobilnom zariadení e-mail, na ktorý sa teším a neviem si ho prečítať. Buď sú obrázky pevne zakódované so šírkou, ktorá nebude reagovať na displej, alebo text je taký široký, že by som ho musel posúvať tam a späť, aby som ho prečítal. Pokiaľ to nie je kritické, nečakám, kým sa vrátim na plochu, aby som si ju prečítal. Vymazávam to.

Nie som jediný - zákazníci aj firmy teraz čítajú viac ako polovicu všetkých svojich e-mailov na menších obrazovkách. Reagovať na e-mail je kritické na mieru prekliknutia k vášmu e-mailu.

Pretože sme implementovali responzívne e-maily prakticky na každej platforme e-mailových služieb, často tieto organizácie oslovujeme a ponúkame pomoc. Úprimne som nikdy nedostal odpoveď. Je to škoda - platia za platformu na zasielanie e-mailov, ktoré nikto nečíta. Upravuje sa váš e-mailovú šablónu je ľahké odôvodniť. Predstavte si, že vo svojej práci prídete k tlačiarni a vyhodíte polovicu papiera ... to je to, čo robíte, keď nechcete, aby vaše e-maily reagovali.

Na tomto trhu sa objavili osvedčené postupy. Responzívny dizajn nie je taký ľahký - ale ani nemožný. Mali sme pomoc od ľudí, ktorí nám poslali e-mail, a títo sledujú tento osvedčený kontrolný zoznam a optimalizujú váš e-mail tak, aby reagoval na výrezy pre mobilné zariadenia a tablety.

  1. Dizajn v jednom stĺpci
  2. Dizajn s ohľadom na prsty
  3. Udržujte Výzvy na akciu ľahko klepnuteľné (minimálne 44 pixelov)
  4. Na ľahké prehľadanie použite biele miesto
  5. Hlavičku udržiavajte čistú
  6. Optimalizujte rozlíšenie obrazu pre displeje sietnice
  7. Nestláčajte odkazy spolu, použite tlačidlá
  8. Poskytnúť prepojené telefónne čísla
  9. Maximálny počet riadkov predmetu na 30 znakov
  10. Používajte šírky obrázka, ktoré sú minimálne 480 pixelov, aby sa pri natiahnutí na mobile nerozmazali
  11. Nepoužívajte iba mierku obrázkov, použite mediálne dotazy CSS
  12. Obmedzte výšku - kratšie e-maily sa ľahšie zbierajú
  13. Udržujte dôležité výzvy na akciu nad záhybom stránky
  14. Vyskúšajte svoje návrhy e-mailov naprieč e-mailovými klientmi

Kontrolný zoznam reagujúceho na e-mail

2 Komentáre

  1. 1

    Toto je skutočne úžasný a špecifický článok, Douglas! Veľa som sa z toho naučil.

    Väčšina článkov hovorí o responzívnom webovom dizajne, o responzívnom e-mailovom dizajne čítam prvýkrát. Naozaj úžasné tipy a kroky, ktoré ste tu zahrnuli. Aký softvér na e-mailový marketing ste použili?

Čo si myslíte?

Táto stránka používa Akismet na zníženie spamu. Zistite, ako sa spracúvajú údaje vašich komentárov.