Mentre molta comunicazione on-line si è spostata sui social media, l’uso dell’ e-mail è ancora una parte molto importante di qualsiasi campagna di marketing online. E quando pensiamo di e-mail marketing, quello che di solito viene in mente è e-mail HTML, anziché testo normale.
Progettare per la posta elettronica è molto simile a progettare una pagina web semplice, ma ci sono alcune differenze fondamentali da prendere in considerazione. È inoltre necessario tenere a mente che la posta elettronica spinge la comunicazione.
La gente spesso usa l’email ad un ritmo travolgente ciò significa avere pochi decimi di secondo per catturare la loro attenzione prima di passare al messaggio successivo nella loro casella di posta (a differenza di un sito web, che hanno scelto di visitare in un determinato momento).
Ma finché si tiene a mente che basta un attimo per catturare l’attenzione permetterete al vostro lettore di avere una esperienza molto più facile e agevole nella progettazione di messaggi di posta elettronica efficaci.
Mobile o bust
Così tante persone stanno accedendo alla loro e-mail da un dispositivo mobile in questi giorni (quasi la metà di tutte le email vengono aperte in applicazioni mobili), per cui è diventato abbastanza inutile trascorrere un po ‘di tempo a progettare belle le email che non vengono visualizzate correttamente su tali dispositivi.
Dopo tutto, se l’email non e’ ben visibile sul loro telefono cellulare, quali sono le probabilità che vostri lettori andranno a guardare di nuovo il vostro messaggio quando tornano alla propria scrivania? In realtà, la maggior parte di loro stanno probabilmente solo andando a eliminare l’e-mail, o peggio – cancellarsi dalla lista.
Ci sono due modi per la progettazione per il mobile. È possibile creare messaggi di posta elettronica che si adattano allo schermo del lettore, che può essere perfettamente adeguato per alcuni disegni semplici. Oppure si può creare un design email reattivo che si adatterà alle diverse dimensioni dello schermo.
Ci sono vantaggi e svantaggi per entrambi gli approcci. Le email che si ridimensionano sono abbastanza facili da codificare, e tenderanno a lavorare praticamente su qualsiasi dispositivo. Ma funzionano meglio con semplici disegni di posta elettronica in grado di gestire la visione dallo schermo più piccolo di dimensioni fino al desktop.
Disegni Responsive sono molto più complessi da codificare , e non sono supportati da tutti i browser mobile (anche se il supporto è probabile che continui a migliorare in futuro).
Responsive design
Progetti Responsive sono più pratici per la maggior parte delle vostre e-mail HTML . Questo perché in molto piccoli schermi, le e-mail che sono state semplicemente rimpicciolite e sarà quasi certamente molto difficile da leggere.
Abbiamo già discusso il motivo per cui le email mobile-friendly sono vitali, ma qui ci sono alcune cose da tenere a mente . Queste sono le cose che dovrebbero essere presenti per i layout mobili, e possono essere adattate per le versioni più grandi per i desktop.
- Il layout dovrebbe essere abbastanza stretto: Ill range di 500-600 pixel è standard. Questo li renderà più leggibili su desktop e dispositivi mobili, con meno possibilità per il layout di andare tutto storto quando è ridimensionato.
- Assicurarsi che i caratteri siano abbastanza grandi. Essere consapevoli dele dimensioni minime dei caratteri per varie piattaforme in modo che i font non siano upscaling (che potrebbero influenzare il layout). Ad esempio, iOS utilizza una dimensione minima dei caratteri di 13 pixel.
- Le aree cliccabili devono essere tap-friendly. Ciò significarenderli abbastanza grandi e abbastanza isolati da altri collegamenti in modo che un utente può facilmente attivarli al primo tentativo (perché non si può ottenere un secondo).
- Non esitate a utilizzare il display: none per nascondere gli elementi non necessari sui layout mobili. Che cosa è facile da usare su un desktop o un tablet diventa fastidioso su uno smartphone.Peggio sicuramente su schermi più piccoli.
Vale la pena di usare il tempo per delineare wireframe per entrambe le versioni mobile e desktop di posta elettronica prima di iniziare la codifica.