10 cose da ricordare quando si progettano email reattive

Nel 2024, quando crei mailing, devi semplicemente tenere conto degli utenti mobili e delle loro preferenze. Questo perché la maggior parte di loro utilizza i dispositivi mobili per controllare quotidianamente la posta elettronica. E se la tua posta non è reattiva, non riceverai molta attenzione da parte degli utenti mobili. Vediamo a cosa bisogna prestare attenzione quando si progettano email responsive.

Secondo i dati pubblicati qualche tempo fa da TrueList , per quasi il 60% degli utenti mobile, la prima cosa che fa è controllare la propria posta elettronica:

Fonte: https://truelist.co/blog/mobile-email-statistics/

Pertanto, è probabile che i tuoi clienti, almeno la maggior parte di loro, visualizzino le tue e-mail sui loro dispositivi mobili anziché su quelli desktop. E come probabilmente saprai, a causa degli schermi sempre più piccoli, i dispositivi mobili necessitano del cosiddetto responsive web design (RWD) . RWD significa che la tua posta si adatta automaticamente alle diverse dimensioni dello schermo in modo che ogni utente veda tutto ciò che vuoi che veda senza la necessità di ingrandire o rimpicciolire.

Questo è molto comodo per gli utenti mobili, ma per te come mittente ciò significa un po’ di lavoro aggiuntivo. Diamo un’occhiata a cosa dovresti prestare attenzione.

10 elementi per un buon mailing design per dispositivi mobili

MODELLO

Prima di tutto, se stai creando un messaggio di posta basato su HTML, hai bisogno di un modello o layout reattivo per le tue e-mail. La maggior parte degli strumenti di email marketing fornisce agli utenti modelli scalabili al 100% e hanno lo stesso aspetto su un computer e su uno smartphone. Assicurati solo che il modello che hai selezionato sia dotato del design RWD.

IMMAGINI

Sebbene il modello di email possa essere facilmente scalabile (è il caso dei nostri modelli), le immagini non sono necessariamente scalabili. Se desideri inviare un’immagine orizzontale, sarà molto più piccola sullo schermo di un cellulare. Ciò significa che nella maggior parte dei casi è meglio creare la seconda versione della tua immagine, verticale. In questo modo, gli utenti di smartphone potranno vedere tutto senza pizzicare o zoomare (secondo Adobe dati, questa funzionalità frustra il 32% degli utenti mobili!).

DESIGN A UNA COLONNA

Nella maggior parte dei casi, è meglio progettare le tue email in modo che abbiano una sola colonna (ogni sezione è sotto la precedente; non ci sono due sezioni parallele). In questo modo, gli utenti possono conoscere l’intera email semplicemente scorrendo verso il basso, proprio come nella schermata seguente:

Fonte: https://medium.com/@daniaherrera/responsive-design-layout-patterns-70e710551818

Se utilizzi un design responsive, questo dovrebbe avvenire automaticamente, ma devi comunque verificare se il design mobile è organizzato correttamente (a volte alcuni elementi possono spostarsi nel modo sbagliato, anche in RWD).

SPAZIO BIANCO

Quando si tratta di design mobile, è bene utilizzare un po’ di spazio bianco e lasciare spazio tra le sezioni della tua email. In questo modo non sembrerà disordinato e difficile da leggere. Ricorda solo di lasciare un po’ di spazio dopo ogni sezione e prima e dopo ogni pulsante.

MENO CONTENUTI

Anche questo è importante; durante il giorno, gli utenti non hanno molto tempo per leggere una lunga email. Se vuoi raggiungere gli utenti mobili, mantieni i tuoi messaggi brevi e piacevoli. Non scrivere troppo, non includere troppe informazioni e concentrati sugli elementi più importanti. In questo caso, meno è davvero di più.

FONT

Ancora una volta, uno schermo piccolo significa che gli utenti devono scorrere per leggere l’intera email. I caratteri leggermente più grandi renderanno più semplice la lettura delle tue e-mail (non è necessario lo zoom). Alcuni esperti suggeriscono che una buona dimensione di base del carattere (per i paragrafi, le intestazioni dovrebbero essere leggermente più grandi) per gli schermi dei dispositivi mobili è di 16 pixel.

PULSANTI CTA

Il CTA è un aspetto vitale di ogni mailing, quindi non dimenticare di includerlo in almeno un punto della tua email (in genere, alla fine o appena sotto l’offerta). Secondo la Guida all’Accesso basata sulle WCAG 2.1 (Linee Guida per l’Accessibilità dei Contenuti Web), i pulsanti CTA dovrebbero avere una dimensione di almeno 44×44 pixel. In questo modo sono chiaramente visibili e facili da cliccare, anche sui dispositivi più piccoli.

Fonte: https://www.accessguide.io/guide/large-target-size

LA STRUTTURA A PIRAMIDE INVERTITA

In effetti, questa regola si applica ovunque su Internet. La regola della piramide invertita è molto semplice: metti gli elementi e i contenuti più importanti in alto, quindi procedi verso il basso con ulteriori dettagli e informazioni. Dovresti prima fornire agli utenti ciò che conta di più per loro. Quindi, puoi espandere e fornire più informazioni, ma se non lo fai, perderai rapidamente la loro attenzione.

IMMAGINI PRONTE PER RETINA

In generale, un’immagine Retina-Ready è un’immagine creata appositamente per apparire nitida su un display Retina, ma questa regola si applica a tutte le immagini ad alta risoluzione in modo che abbiano un bell’aspetto sui dispositivi dotati di display ad alta definizione (HD) – e questo è la stragrande maggioranza dei moderni smartphone e tablet.

NASCONDI CONTENUTI NON ESSENZIALI

Non c’è niente di sbagliato nel progettare due mailing: uno più ampio per gli utenti desktop e uno per gli utenti mobili in cui mantieni solo i contenuti più importanti. Gli strumenti di email marketing a volte hanno la possibilità di modificare ciò che desideri mostrare su un dispositivo desktop e ciò che vedono su un dispositivo mobile. Utilizza questa funzionalità per garantire a tutti gli utenti la migliore UX.

In conclusione: progetta le tue e-mail con iPresso

La nostra piattaforma è dotata di funzionalità avanzate di email marketing. Abbiamo oltre 100 bellissimi modelli che puoi utilizzare per i tuoi messaggi di posta e newsletter. E sono tutti ottimizzati per i dispositivi mobili al 100%! Se desideri vedere come funziona l’automazione del marketing di iPresso nella vita reale, sentiti libero di iniziare una prova gratuita di 30 giorni . Non vediamo l’ora di lavorare con te!