Domanda da 100 bitcoin: perché l'invio di e-mail dovrebbe sfuggire alla tendenza "mobile friendly"? La risposta è molto semplice: nessuno!
Ma voi lo sapevate già! Come tutti i bravi marketer e lettori abituali di questo blog (e quindi ottimi marketer), sapete bene che lo smartphone è un mezzo essenziale per la consultazione delle e-mail.
Se avete bisogno di qualche dato convincente:
Secondo l'SCND, gli utenti di Internet utilizzano in media 3 dispositivi per controllare la posta elettronica:
- 88% da desktop
- 74% da smartphone
- 40% per compressa
Secondo lo stesso studio, 8 utenti su 10 cancellano le e-mail se non sono leggibili su un tablet o un cellulare!
Il che dimostra quanto sia strategica la visualizzazione responsive delle vostre e-mail...
Eppure molti inserzionisti continuano a trascurare questo adattamento essenziale, per scelta deliberata o perché non applicano i giusti codici di responsive design.
A volte è difficile tenere a mente questi codici quando non si è un integratore, e quindi è difficile capire perché una bella creatività per le email sia difficile da integrare in responsive!
Dataventure fornisce una semplice metodologia per creare un'email responsive di successo:
1. Anticipare l'aspetto delle e-mail sui dispositivi mobili
La prima cosa da fare è pensare alle vostre e-mail in termini di aspetto su dispositivi mobili o tablet fin dalla prima fase, quando create il modello o il mock-up dell'e-mail. Il principio di base è quindi semplice: identificare le aree dell'e-mail che devono essere adattate ai diversi dispositivi. Per questo potete contare su due esperti: il vostro grafico e il vostro integratore html.
Sono le persone più indicate per aiutarvi ad armonizzare il vostro messaggio in modo che possa essere letto ovunque e da tutti.
Versione desktop
Versione mobile responsive
In pratica, il design responsivo si basa su blocchi, come un tavolo. Blocchi indipendenti che l'integratore può organizzare come meglio crede, spostandoli uno sotto l'altro. Quindi, tutto ciò che complica una divisione semplice e pulita della vostra creatività (sotto forma di tabella) incorrerà nell'ira del vostro integratore.
(Vi rendete conto di quanto gli integratori siano pagati per passare le loro giornate a giocare a Tetris?)
Lavorare con il grafico per progettare e suddividere questi blocchi è quindi essenziale per anticipare le esigenze dell'integratore, che pensa, respira e vive il responsive (e il Tetris!).
Esempio di un progetto (con taglio dell'integratore)
non adatto all'uso responsivo
Cosa avreste dovuto fare per ottimizzare
l'integrazione di questa email responsive:
- Spostare la prima call-to-action "Faccio una donazione" in modo che non si sovrapponga al secondo blocco (in turchese). Raccomandazione: lasciare un'altezza maggiore per integrarla nel 2° blocco.
- Lo stesso vale per la foto e il testo nella firma dell'e-mail, che dovrebbero essere spostati. Consiglio: posizionateli sotto la seconda call-to-action "Faccio una donazione" o riducete gli elementi per far rientrare tutto nel ritaglio.
2. Una buona conoscenza della vostra base di destinatari
Gmail, Yahoo, Orange, Caramail o AOL... Ogni provider di posta elettronica interpreta il codice delle vostre e-mail in modo diverso (o non lo interpreta affatto per alcuni di quelli sopra citati, ma questo è un altro problema ;-))...
Conoscere le specificità della vostra base, identificando i diversi fornitori di messaggistica, vi permetterà di indirizzare i vostri sforzi.
Ci sono soluzioni semplici! Vi consigliamo di testare il design responsive dei vostri modelli prima di inviarli a diversi supporti, siano essi dispositivi, provider di e-mail o applicazioni diverse.
3. Non confondete il design reattivo con la visualizzazione condizionale
Questi due concetti radicalmente diversi vengono spesso confusi. Un breve promemoria per i non addetti ai lavori o per i due in fondo che non hanno ascoltato una parola...
Il design reattivo consiste nel mantenere tutti gli elementi di base della creatività e nel ridurre o spostare questi blocchi per adattarli a diversi dispositivi o provider di posta elettronica.
Come suggerisce il nome, la visualizzazione condizionale prevede la scelta di visualizzare o rimuovere alcuni blocchi ritenuti non necessari o non adatti ai dispositivi mobili. Il design è visibilmente più pulito su mobile che su desktop.
In linea di principio, la visualizzazione condizionale può essere un buon modo per evitare creazioni sovraccariche di immagini e testo che causano un forte scorrimento.
In pratica, però, molti fornitori di messaggistica o router gestiscono male o non gestiscono affatto la visualizzazione condizionale. Il risultato è che le creatività sono tutte interrotte o i blocchi sono raddoppiati (desktop e mobile) uno dopo l'altro. Accidenti! E poiché le cose brutte non vengono mai da sole, questo aumenta considerevolmente il peso delle vostre e-mail, che porterà anche a una scarsa deliverability...
Esempio di
condizionale accettato dal sistema di messaggistica
Esempio di condizione non accettata dal sistema di messaggistica
Per evitare questo e molti altri inconvenienti (e per continuare a chiacchierare tranquillamente in fondo all'aula), affidatevi a noi per avere delle e-mail davvero reattive!
