Capire Le E-mail Responsive E Compatibili Con i Dispositivi Mobili - Guida Pratica

Sei pronto? Iniziamo.

Tenendo conto di questi fattori, perché dovresti optare per un design mobile-friendly?

Attualmente ci sono più di 6,5 miliardi di utenti di smartphone sul pianeta.

L'85% di queste persone usa lo smartphone per controllare le e-mail.

L'email marketing ha un ritorno sull'investimento di circa il 4.200% (cioè €42 in tasca per ogni €1 speso).

Solo guardando a questi tre dati, è facile capire perché le campagne e-mail rivolte a un pubblico mobile sono così importanti.

Se non create email responsive, sarai sicuro di perdere quel 45% di clienti che abbiamo menzionato prima.

Ora potresti chiederti...

Un'e-mail responsive segue un modello di design che risponde automaticamente alle dimensioni dello schermo del dispositivo su cui viene aperta.

Le email responsive utilizzano la cosiddetta "media query" per aiutare a ridimensionare e regolare il messaggio in base alle dimensioni dello schermo.

Le media query modificano anche il layout dell'email, le dimensioni dei caratteri, le immagini e i pulsanti CTA.

Tutto ciò assomiglia molto al normale design mobile-friendly, il che fa sorgere spontanea la domanda...

Le email responsive richiedono più tempo e programmazione per essere sviluppate, rispetto a quelle mobile-friendly.

Sebbene i modelli di email per dispositivi mobili siano più facili da progettare, presentano meno opzioni personalizzabili rispetto alle email con design responsive.

C'è anche un limite ai tipi di smartphone che supportano il design responsive.

Ora che si ha un'idea di come funzionano questi tipi di email, passiamo alle caratteristiche principali di un'email mobile-friendly.

Su un computer desktop o portatile, vengono visualizzati fino a 60 caratteri dell'oggetto.

Per rendere la tua email mobile-friendly, non dovresti usare più di 25-30 caratteri per l'oggetto.

Inoltre, bisogna ricordarsi di mantenere le righe dell'oggetto concise e d'impatto, altrimenti le e-mail potrebbero non essere aperte.

Poiché un cellulare ha uno spazio limitato per visualizzare le e-mail, l'ideale sarebbe un layout a una o più colonne.

Offre una maggiore facilità d'uso rispetto a un layout a più colonne o a due colonne.

Inoltre, gli utenti non hanno bisogno di zoomare o scorrere lateralmente per vedere i contenuti, il che migliora l'UX delle tue e-mail.

I clienti desktop conoscono la normale dimensione dei caratteri di 10pt, ma per i dispositivi mobili la dimensione minima dei caratteri non dovrebbe essere inferiore a 12-14pt.

Per i titoli delle e-mail, non superate i 20-22pt (troppo alti e rischiate che i filtri delle e-mail li segnalino come spam).

Non utilizzare caratteri che sembrino complicati, delicati o intricati: scegliete una famiglia di caratteri come Helvetica, Verdana, Arial, Georgia o Roboto per una facile leggibilità.

Per rendere la tua email mobile-friendly, rendi i tuoi pulsanti e le tue icone un po' più grandi e lascia ± 10 pixel di spazio intorno o in mezzo a qualsiasi area cliccabile.

Questo aiuta gli utenti a navigare più facilmente nelle tue e-mail ed evita i clic accidentali.

È inoltre consigliabile regolare i margini di 20-30 pixel intorno al bordo dell'e-mail per evitare che le dita che tengono il dispositivo nascondano le informazioni chiave.

Ingrandire i pulsanti di chiamata all'azione a circa 44 x 44 pixel e posizionarli vicino alla parte superiore dell'e-mail (i primi 250 pixel) per una facile visibilità.

Se si decide di posizionare la CTA nella parte inferiore dell'e-mail, utilizzare colori contrastanti o forme insolite per farla risaltare.

Dire ai lettori cosa si vuole che facciano, mantenendo il messaggio della CTA chiaro e conciso, con non più di 5 parole (ad esempio, "clicca per iscriverti" o "visualizza il mio carrello").

Quando si progettano email responsive per desktop, si può lavorare con una larghezza fissa tra 550-600 pixel (il valore predefinito per la maggior parte delle email e newsletter di marketing).

Tuttavia, quando si creano email per un design mobile, bisogna lavorare fino a 320 pixel per assicurarsi che le email si adattino ai piccoli schermi.

Per i dispositivi più grandi, come i tablet e i desktop, puntare a una visualizzazione delle e-mail fino a 450 pixel per adattarsi a entrambi.

Se le tue e-mail presentano problemi di visualizzazione, i tuoi utenti mobili potrebbero perdere fiducia in te e cancellare le tue e-mail o inviarle alla cartella spam.

Per evitare che ciò accada, è necessario progettare almeno 2 modelli di e-mail e testarli su diversi dispositivi (Android e iOS).

Systeme.io è perfetto per questo, perché con noi potete anche testare le idee prima di inviarle.

Per quanto possa sembrare allettante, non consigliamo di aggiungere barre di menu al design delle e-mail.

Questo potrebbe far perdere l'attenzione agli utenti con lo scorrimento laterale.

Aggiungete invece link o immagini al corpo dell'e-mail se si vuole che gli utenti navighino verso le pagine di destinazione.

Quando si aggiungono elementi di design come GIF o immagini di sfondo alle e-mail, occorre prestare attenzione al peso dei file.

Più le e-mail sono pesanti, più tempo ci vuole per scaricarle, il che potrebbe far perdere interesse agli utenti.

I normali messaggi di posta elettronica basati su testo e con grafica minima possono raggiungere i 100 KB prima di essere tagliati.

Per le email più pesanti, si consiglia di non superare 1MB per le campagne di email marketing.

Se si decide di utilizzare immagini nelle campagne e-mail, assicurarsi che siano compresse prima di aggiungerle al design dell'e-mail.

Le immagini compresse consentono una migliore UX perché riducono la larghezza di banda necessaria per caricarle e permettono alle email di caricarsi più velocemente.

Alcuni dispositivi di posta elettronica, come gli smartphone Android, hanno la visualizzazione delle immagini disattivata per impostazione predefinita:

Aggiungere sempre le descrizioni delle immagini (alt-text) per consentire agli utenti di sapere cosa deve essere visualizzato.

Altri suggerimenti sulle immagini:

L'ottimizzazione delle e-mail per i dispositivi mobili non si limita alla grafica, ma anche il contenuto deve attirare il client di posta elettronica.

È necessario mantenereil design dell'e-mail pulito e semplice e concentrarsi sull'essenziale del messaggio.

Evitare testi lunghi o sboccati.

Ecco alcuni suggerimenti per limitare i contenuti senza ridurre la qualità:

Ora che si sa di cosa ha bisogno il design delle e-mail per distinguersi, diamo un'occhiata alla piattaforma definitiva per aiutare il tuo email marketing a raggiungere nuovi traguardi.

L'indirizzo e-mail del mittente verrà automaticamente compilato con l'account e-mail collegato al proprio account systeme.io.

Se la tua azienda è pronta per il passo successivo, i nostri piani Startup (€27/mese) e Webinar (€47/mese) sono perfetti quando si tratta di tecnologia email-for-mobile.

Questi piani offrono spazio per un massimo di 5.000 e 10.000 clienti rispettivamente.

Avrai anche accesso alla migrazione web gratuita (piani annuali a partire da Startup) e ai webinar (piano Webinar).

Ora che hai appreso come creare un'email mobile per diversi dispositivi, rispondiamo ad alcune domande frequenti sulle email mobile-friendly/responsive.

Progettare il miglior modello di email mobile-friendly o responsive significa ottimizzare le proporzioni del layout per i dispositivi a piccolo schermo.

Ma non finisce qui.

Se si vuole che i clienti delle e-mail rimangano soddisfatti della propria attività, è necessario assicurarsi che anche i design delle landing page e dei siti web offrano la migliore UX per i dispositivi mobili.

Lascia che il piano gratuito di systeme.io ti aiuti a raggiungere questo obiettivo.

Se si vuole andare al massimo, il nostro piano Unlimited è disponibile per soli €97/mese e offre ( hai indovinato) tutto illimitato!

Stiamo parlando di webinar, domini personalizzati e una sessione di coaching individuale.

Tutto ciò che devi fare è iscriverti.

Con systeme.io, il limite non è il cielo, ma la tua immaginazione!