La tua lista di controllo per una progettazione ottimale di email reattive per dispositivi mobili

Non c'è niente che mi deluda tanto quanto quando apro un'e-mail che attendo con ansia sul mio dispositivo mobile e non riesco a leggerlo. O le immagini sono larghezze hard-coded che non rispondono al display, o il testo è così ampio che dovrei scorrere avanti e indietro per leggerlo. A meno che non sia fondamentale, non vedo l'ora di tornare sul mio desktop per leggerlo. Lo elimino.

Non sono l'unico: sia i consumatori che le aziende leggono più della metà di tutte le loro e-mail su schermi più piccoli ora. La progettazione di e-mail reattiva è fondamentale alle percentuali di clic della posta elettronica.

Poiché abbiamo implementato e-mail reattive praticamente su ogni piattaforma di servizi di posta elettronica, spesso contattiamo tali organizzazioni e ci offriamo di aiutare. Onestamente non ho mai ricevuto una risposta. È un peccato: stanno pagando una piattaforma per inviare un'e-mail che nessuno sta leggendo. Modifica il tuo il modello di email è facile da giustificare. Immagina di avvicinarti alla stampante al tuo lavoro e buttare via metà della carta ... è quello che stai facendo quando le tue e-mail non rispondono.

Le migliori pratiche sono emerse in questo mercato. Il design reattivo non è così facile, ma nemmeno impossibile. Abbiamo avuto la gente di Email Monks che ci ha aiutato e hanno seguito questo elenco di controllo collaudato per ottimizzare la tua posta elettronica per garantire che sia reattiva alle visualizzazioni di dispositivi mobili e tablet.

1. Design in una singola colonna
2. Progettare pensando alle dita
3. Tenere il Inviti all'azione facilmente toccabile (minimo 44px)
4. Usa uno spazio bianco per scremare facilmente
5. Mantieni pulita la testata
6. Ottimizza le risoluzioni delle immagini per i display retina
7. Non raggruppare i link insieme, usa i pulsanti
8. Fornire numeri di telefono collegati
9. Limita le righe dell'oggetto a 30 caratteri o meno
10. Usa larghezze dell'immagine che siano minime di 480 px in modo che non si sfocino quando allungate su dispositivi mobili
11. Non limitarti a ridimensionare le immagini, usa le query multimediali CSS
12. Limita l'altezza: le e-mail più brevi sono più facili da sfogliare
13. Mantieni inviti all'azione importanti above the fold
14. Prova i tuoi progetti di posta elettronica tra i client di posta elettronica