5 esempi di email ottimizzate per dispositivi mobili

Noi esperti di marketing ci siamo abituati all'idea che ottimizzando le nostre e-mail per gli utenti mobili, possiamo dare alle nostre campagne un vantaggio rispetto alla concorrenza. Purtroppo, i tempi sono cambiati e il fatto è che ora dovremmo creare varianti e-mail ottimizzate per dispositivi mobili come una cosa ovvia.

Alcuni anni fa abbiamo raggiunto un punto di svolta in cui gli smartphone hanno superato i computer desktop come tipo di dispositivo utilizzato più spesso per leggere le e-mail. Più di recente, il rapporto sulle preferenze dei dispositivi di Movable (2015) ha rilevato che un fenomenale 52% delle e-mail viene ora aperto su smartphone, con i desktop che rappresentano solo il 32%.

È fin troppo facile cadere nella trappola di creare e-mail principalmente per utenti desktop: con ogni probabilità stai usando un desktop per metterli insieme da solo. Ora è il momento di scrollarsi di dosso questa mentalità antiquata e mettere al primo posto il mobile e poi il desktop.

In questo articolo discuteremo 5 esempi stimolanti di e-mail ottimizzate per dispositivi mobili, tutte progettate con cura per aumentare le conversioni. Abbiamo incluso alcuni suggerimenti pratici, in modo che tu possa replicare le idee presenti nelle tue campagne.

HolidayPirates – Primi principi

Abbiamo scelto di iniziare con questa email per un motivo: è inconfondibilmente progettata prima per i cellulari.

Questo è l'unico punto che insistiamo assolutamente sul fatto che tu tolga e metta al centro della tua strategia di email marketing. Come mai? In primo luogo, perché il mobile è il tipo di dispositivo più utilizzato per le aperture di posta elettronica, con una quota di maggioranza che continua a crescere di anno in anno; e in secondo luogo, perché è molto più semplice utilizzare un design ottimizzato per i dispositivi mobili come base e quindi inserire elementi aggiuntivi per dispositivi più grandi piuttosto che fare il contrario.

[mailchimpsf_form access=”web” title=”Per saperne di più iscriviti alla nostra Newsletter”]

Il rapporto tra elementi visivi e copia

Possiamo dire che questa e-mail è stata progettata prima per i dispositivi mobili semplicemente osservando quante parole ci sono nella pagina, ovvero non molte.

L'inclusione di molti testi in un'e-mail in genere avrà un effetto negativo sulle conversioni da dispositivo mobile. Nell'e-mail di HolidayPirates, la copia è limitata a tre righe per elemento di contenuto nella versione mobile (la copia più il pulsante CTA sono all'incirca uguali in termini di utilizzo dello spazio all'immagine di accompagnamento); mentre nella versione desktop la stessa copia potrebbe occupare poco più di una riga, fungendo più o meno da didascalia per l'immagine. Se questa e-mail fosse stata progettata prima per il desktop, avremmo potuto vedere una copia aggiuntiva in varianti di dimensioni dello schermo più grandi e versioni ridotte (o peggio, troppa copia e scorrimento orizzontale) per dispositivi più piccoli.

Un sacco di pulsanti CTA che attirano l'attenzione

Se hai mai letto sull'argomento dell'ottimizzazione del tasso di conversione, saprai quanto si può guadagnare posizionando strategicamente i pulsanti CTA sulle tue pagine web.

I CTA, o pulsanti di invito all'azione, sono collegamenti di tipo immagine, che utilizzano un design del pulsante con un imperativo di testo (ad es. "Acquista ora", "Registrati gratuitamente", "Visualizza altro"). HolidayPirates ha utilizzato i pulsanti CTA qui per collegarsi ai contenuti del proprio sito web.

Nello screenshot della versione mobile sopra, puoi vedere solo uno degli elementi di contenuto presenti nell'e-mail di HolidayPirates. Ciò è dovuto esclusivamente alla quantità di spazio che abbiamo a nostra disposizione qui in questo articolo, e infatti, dieci destinazioni sono incluse nell'e-mail, ognuna con la propria immagine, copia e pulsante CTA "Mostra offerta".

L'utilizzo di CTA nelle tue e-mail è ampiamente riconosciuto come il modo migliore per convincere gli utenti mobili a fare clic ovunque tu voglia che vadano. Ecco alcuni suggerimenti su come rendere super efficaci i tuoi CTA:

• Rendili grandi e relativamente luminosi : se hai mai provato a colpire un bersaglio piccolo e oscuro con il pollice mentre navighi sul telefono (o in qualche altro contesto strano), capirai perché è importante far risaltare i tuoi CTA. Ciò renderà anche i tuoi CTA più attraenti.
• Circondateli di spazi bianchi , per gli stessi motivi.
• Rendi la copia CTA chiara e concisa - dillo in due o tre parole.
• Link a contenuti ottimizzati per i dispositivi mobili : non ha senso incanalare gli utenti mobili verso un sito ostile per i dispositivi mobili.

Quello che abbiamo imparato finora

Da questa singola email di marketing abbiamo accertato tre punti chiave – chiamiamoli primi principi – sull'email marketing:

1. Design per dispositivi mobili prima di tutto
2. Vacci piano con la copia
3. Usa CTA per i link

Per noi, questi sono i fattori più importanti che devi considerare quando crei le tue e-mail di marketing. Ora daremo un'occhiata ad altre quattro e-mail che si rivolgono all'utente mobile in modi interessanti e stimolanti:

PayasUgym – incorporamento nell'attività mobile

Perché limitarsi a rendere la tua e-mail compatibile con gli smartphone, quando potresti utilizzarla come mezzo per incorporare il tuo marchio nell'attività mobile quotidiana del destinatario?

Ecco una sezione di un'e-mail da un servizio di ricerca di palestre e corsi di fitness con pagamento in base al consumo che fa esattamente questo e con grande effetto.

• "Trova il tuo prossimo" - il sottotitolo introduce il problema del destinatario, aprendo la strada al marchio per presentare la propria soluzione.
• Grafica in stile indicatore di mappa: nota la grafica nella parte superiore dello screenshot, che mostra il numero di palestre, classi e piscine. L'uso della grafica in stile marker di mappa qui è intelligente, in quanto evoca le icone utilizzate in app estremamente popolari come Google Maps e Uber, il che porta piacevolmente a ...
• Banner app: questo banner CTA supporta il suo Get the app! messaggio con pulsanti informativi e di rafforzamento della fiducia dell'App Store di Apple e di Google Play. Il banner è grande, accattivante e circondato da spazi bianchi.

Questa e-mail è un esempio modello di come presentare il tuo marchio come fornitore di soluzioni compatibili con i dispositivi mobili per il problema di un consumatore. La struttura del suo messaggio è irresistibile: “Sappiamo di cosa avete bisogno; siamo davvero ben posizionati per dartelo; fai clic su questo link di download chiaro, semplice e affidabile e risolveremo il problema per te ora e ogni volta che ne avrai bisogno in futuro. Il marchio si è proposto in modo molto efficace per svolgere un certo ruolo all'interno dell'attività mobile dell'utente.

Sia che il tuo marchio svolga il suo ruolo online tramite un'app o un sito Web ottimizzato per dispositivi mobili, potresti essere in grado di replicare l'approccio di PayasUgym nelle tue e-mail di marketing. Prova a includere un CTA all'interno di una struttura simile:

1. Usa un sottotitolo per introdurre il problema, ad esempio "Vuoi trovare un nuovo stile?", "Hai bisogno di un nuovo libro?"
2. Stabilisci la tua autorità/gamma/qualità/proposta di valore. Incorpora in modo sottile elementi grafici che imitano elementi di app o e-commerce (come gli indicatori di mappa di PayasUgym).
3. Aggiungi un banner CTA, utilizzando le tecniche discusse in precedenza. Questo potrebbe collegarsi al download di un'app o a un altro aspetto digitale della tua attività che può svolgere un ruolo utile per il cliente.

American Apparel – prepararsi alla vita nella cartella Junk

Ogni e-mail marketer ama sicuramente immaginare che le proprie missive salgano nelle caselle di posta dei destinatari e arrivino direttamente in cima alla lista, ma il fatto è che molti dei client di posta elettronica dei destinatari tratteranno i tuoi messaggi come posta indesiderata o indesiderata.

I destinatari saranno comunque in grado di visualizzare questi messaggi, ma in alcuni casi i contenuti, in particolare immagini e altri contenuti multimediali, non verranno visualizzati. Tenendo presente l'elevato rapporto di immagini da copiare utilizzato nella maggior parte dell'email marketing ottimizzato per i dispositivi mobili, ciò potrebbe significare che il destinatario perde i punti chiave della tua e-mail mentre sfoglia la cartella della posta indesiderata.

Non esiste una soluzione completamente soddisfacente a questo problema, ma puoi limitare alcuni danni utilizzando un attributo delle immagini utilizzate nelle tue e-mail: i loro tag alt.

Dai un'occhiata ai due screenshot qui sopra. Entrambi mostrano la stessa e-mail, dai rivenditori di moda American Apparel. La versione a sinistra ha le immagini attivate, mentre l'immagine a destra mostra come appare la stessa email con le immagini disabilitate. L'immagine a destra potrebbe non sembrare buona, ma riesce a trasmettere lo scopo essenziale dell'e-mail: “Ci manchi. Prendi il 20% di sconto!” Queste parole non provengono da una sezione della copia racchiusa in tag <p>; provengono dagli attributi del tag alt delle immagini che sono state nascoste.

Ripetendo i ganci di marketing dell'e-mail negli attributi del tag alt delle tue immagini, puoi aumentare le possibilità che il tuo destinatario riceva il tuo messaggio principale in forma di testo, anche se le immagini sono disabilitate.

Come regola generale, consigliamo sempre di dedicare del tempo a scrivere un tag alt efficace per qualsiasi immagine che si prevede di pubblicare online. Non solo i tag alt aiutano a far arrivare i tuoi messaggi di email marketing a più destinatari, ma sono anche fondamentali per l'esperienza di Internet delle persone ipovedenti e possono aiutare le tue immagini a posizionarsi bene nei risultati di ricerca delle immagini.

The Trainline – fornisce un percorso veloce per le valutazioni

Il feedback dei clienti è una risorsa preziosa per i professionisti del marketing che desiderano identificare il modo migliore per procedere con le proprie campagne e-mail. È particolarmente efficace se utilizzato in un contesto di test divisi, come ci aspettiamo fosse il caso della sezione di valutazione a stelle mostrata sopra, trovata in un'e-mail da TheTrainline.com.

Non c'è niente di speciale in questa sezione delle recensioni, ed è proprio per questo che ci piace. L'utente tocca una delle stelle per valutare l'e-mail su cinque. La semplicità del design farà sembrare molto più gestibile lasciare una recensione per gli utenti mobili, che potrebbero essere scoraggiati da attività più complicate come scrivere commenti.

Ma che dire della mancanza di feedback dettagliati? Bene, suggeriamo che due o più varianti di questa e-mail saranno probabilmente state inviate a un pubblico diverso e le valutazioni generiche fornite dai destinatari saranno state utilizzate dai creatori dell'e-mail per determinare quale delle varianti fosse più efficace.

I test multivariati possono essere utilizzati per determinare quale tipo di riga dell'oggetto funziona meglio, quali offerte o prodotti dovrebbe promuovere un'e-mail, come i diversi tipi di contenuto possono influenzare l'esperienza dell'utente e così via. Le informazioni raccolte possono essere utilizzate di per sé o per eseguire il backup dei risultati ottenuti analizzando l'apertura delle e-mail e i dati di coinvolgimento.

NatWest

La chiave dell'impatto di questa e-mail, dal punto di vista del design, è l'accattivante GIF salvadanaio in alto. Fondamentalmente, sembra bello e nitido se visualizzato su un cellulare, tablet o desktop.

Gli sviluppatori dell'e-mail hanno ottenuto questo risultato impostando un algoritmo di interpolazione bicubica per ridimensionare l'immagine, cosa che è stata ottenuta impostando parte dell'attributo di stile dell'immagine su "-ms-interpolation-mode: bicubic". Questo rende l'immagine 'fluida'.

Ci sono vari modi per ottenere questo effetto, molti dei quali sono meno tecnici del precedente. Chiedi ai tuoi sviluppatori di verificare se il tuo modello di email include l'interpolazione bicubica o un altro meccanismo per il ridimensionamento delle immagini prima di iniziare a inviare email. Rendere le tue immagini abbastanza grandi da sembrare nitide su tutti i dispositivi è problematico, in quanto potrebbe richiedere lo scorrimento orizzontale per gli utenti mobili, esattamente il genere di cose che vogliamo evitare.

ottieni ora la tua iscrizione gratuita - non è assolutamente richiesta la carta di credito

• Il kit di strumenti per il marketing digitale
• Sessioni esclusive di video apprendimento dal vivo
• Libreria completa di The Digital Marketing Podcast
• Gli strumenti di benchmarking delle competenze digitali
• Corsi di formazione online gratuiti

ISCRIZIONE GRATUITA