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.
- Design in una singola colonna
- Progettare pensando alle dita
- Tenere il Inviti all'azione facilmente toccabile (minimo 44px)
- Usa uno spazio bianco per scremare facilmente
- Mantieni pulita la testata
- Ottimizza le risoluzioni delle immagini per i display retina
- Non raggruppare i link insieme, usa i pulsanti
- Fornire numeri di telefono collegati
- Limita le righe dell'oggetto a 30 caratteri o meno
- Usa larghezze dell'immagine che siano minime di 480 px in modo che non si sfocino quando allungate su dispositivi mobili
- Non limitarti a ridimensionare le immagini, usa le query multimediali CSS
- Limita l'altezza: le e-mail più brevi sono più facili da sfogliare
- Mantieni inviti all'azione importanti above the fold
- Prova i tuoi progetti di posta elettronica tra i client di posta elettronica
Questo è davvero un articolo fantastico e di nicchia Douglas! Ho imparato molto da questo.
La maggior parte degli articoli parla di responsive web design, questa è la prima volta che leggo di responsive email design. Suggerimenti e passaggi davvero fantastici che hai incluso qui. Che software di email marketing hai utilizzato?
Usiamo il nostro CircoPress in modo da poter integrare completamente il nostro sito WordPress nelle nostre e-mail!