8 suggerimenti per la progettazione di un'e-mail stellare su schermi di piccole dimensioni

Quanti utenti stanno aprendo le email da te su un telefono o tablet? Potrebbe essere una percentuale più alta di quanto pensi. Secondo Litmus, che fornisce software di tracciamento delle e-mail, il 54 percento di tutte le e-mail è stato aperto su un dispositivo mobile nel 2016.

Ciò significa che maggior parte delle tue e-mail vengono visualizzate su un telefono. Stai progettando una e-mail che la rende al meglio? Ecco alcuni suggerimenti per rendere la tua progettazione di email più mobile-friendly.

Abbandona le colonne

Sebbene molte e-mail possano sembrare grandiose con più formati di colonne sugli schermi desktop, non sono sufficienti per i dispositivi mobili. La maggior parte dei modelli reattivi impilano colonne in modo che tu possa finire con email di scorrimento eccessivamente lunghe o flusso di contenuti scomodo.

Scegli invece un formato a una colonna. In questo modo sai che i tuoi contenuti avranno un aspetto coerente da dispositivo a dispositivo e sarà facile da leggere e navigare. Anche sui monitor desktop, il formato preferito è una vista a una colonna grazie a così tanti utenti che visualizzano le e-mail in riquadri di anteprima più piccoli rispetto a tutto schermo.

Un formato a una colonna ti aiuterà a progettare anche il modello one-pensiero-per-mail. Offri agli utenti una cosa a cui pensare e un'azione diretta da prendere da una singola email. L'aggiunta di più livelli di messaggistica può far girare la testa agli utenti che hanno un'attenzione ridotta e impediscono loro di convertirsi. Rendilo semplice dando agli utenti solo la possibilità di agire.

Usa i pulsanti per i collegamenti

I collegamenti di testo in linea dovrebbero essere evitati sui dispositivi mobili. Possono essere difficili da toccare per gli utenti. Scegli invece un pulsante. Un pulsante è un luogo ovvio da toccare su un piccolo schermo e dovrebbe essere abbastanza grande da non essere attivato per errore da altri elementi.

Usa colori brillanti e testo descrittivo e ampio per i pulsanti in modo che gli utenti sappiano esattamente cosa aspettarsi. I pulsanti possono portare ad altri siti Web, effettuare un acquisto, condividere contenuti o qualsiasi numero di azioni. Prendi in considerazione i pulsanti di stile grandi che riempiono gran parte della larghezza dei piccoli schermi in modo che siano facili da raggiungere indipendentemente da come un utente potrebbe tenere in mano un dispositivo.

Includere anche i pulsanti nella prima parte del rotolo. Il segnale visivo consente ai destinatari delle e-mail di sapere subito che il messaggio include un'azione da intraprendere.

Aumenta le dimensioni del testo

Il testo piccolo è un killer di email mobile. La maggior parte dei programmi di software di posta elettronica con modelli reattivi si ridimensionano? dimensioni del testo per abbinare le dimensioni dello schermo appropriate, ma non sempre accade.

  • Inizia con almeno una dimensione del testo di 14 punti per la copia del corpo nelle e-mail. (E non fa mai male ingrandirsi, anche 16 punti è una buona linea guida.)
  • Salta a 22 punti o più per titoli e considera il grassetto o un colore per far risaltare ancora di più il titolo.
  • I sottotitoli dovrebbero avere almeno 18 punti e possono diventare più grandi in base alla dimensione del titolo.

Ridimensiona immagini

Le immagini devono adattarsi correttamente allo schermo. Pensa alla forma, alle dimensioni e al contenuto delle immagini in modo che siano leggibili su dispositivi di piccole dimensioni.

Molte e-mail includono un ritaglio orizzontale distinto a larghezza intera di un'immagine che a volte include del testo nell'intestazione. Questo non necessariamente converte bene su schermi più piccoli.

Le immagini più grandi e quadrate renderanno meglio i dispositivi mobili. Prendi in considerazione l'utilizzo della tecnica di immagine reattiva a larghezza massima o verifica con il tuo fornitore di servizi di posta elettronica, come Emma, ​​MailChimp o Constant Contact, per vedere quali opzioni di ridimensionamento dell'immagine sono disponibili.

Include un sacco di spazio

Aumenta il riempimento degli elementi e la spaziatura tra i blocchi di testo per rendere tutto più facile da leggere su uno schermo più piccolo. Una e-mail leggibile è quella che convertirà gli utenti.

Ecco la cosa: nel momento in cui un utente apre l'e-mail su un telefono, quel messaggio è contrassegnato come letto, rendendo le possibilità che l'utente ritorni su di esso su un altro dispositivo piuttosto sottile. Quindi non puoi sperare che un'e-mail disordinata, ingombra o difficile da leggere possa solo ricordare agli utenti di tornare. Abbandoneranno il tuo messaggio.

Lo spazio bianco può rendere il messaggio più leggero, più accessibile e più leggibile. Dovrebbe essere facile da scansionare e capire a colpo d'occhio. Pensa e progetta in modo minimale per ottenere i migliori risultati e percentuali di clic.

Prendi in considerazione il blocco delle immagini

Il blocco delle immagini è una vera considerazione per l'email marketing. In particolare per gli utenti aziendali che utilizzano client come Microsoft Outlook. Progettare per il what-if. Supponiamo che alcuni utenti non vedranno mai le immagini nelle tue e-mail.

Fallo includendo il testo alternativo per le immagini; pulsanti antiproiettile realizzati con HTML e CSS, non come file immagine; equilibrio nel design e un buon mix di testo e immagini.

C'è un'intera scuola di pensiero che non usa affatto le immagini nelle e-mail. E mentre questa non è la soluzione per tutti, può essere una considerazione a seconda del nostro tipo di contenuto.

Tenere i titoli brevi

I titoli lunghi sembrano ancora più lunghi su schermi piccoli. Scopri cosa devi dire e fallo succintamente. Questo vale anche per le righe dell'oggetto. Devi attirare gli utenti nel piccolo spazio - e nel conteggio dei caratteri - nell'anteprima del soggetto per ottenere anche il messaggio aperto.

Usa verbi attivi e immagini forti per aiutare gli utenti. Includere le parole più importanti nei primi 40 caratteri della riga dell'oggetto per massimizzare la possibilità che gli utenti lo vedano prima di aprire l'e-mail.

Associa combinazioni di soggetti e titoli. Si consideri una versione ancora più condensata di un titolo per la riga dell'oggetto. Poni una domanda con la riga dell'oggetto e rispondila nel titolo. Offri agli utenti un motivo per voler saperne di più e interagire con l'e-mail che stai fornendo. (Ma non essere troppo spammy-sounding o allontanerai gli utenti in un attimo.)

Conclusione

Non esiste una formula magica che faccia aprire la tua email alle persone. Ma è probabile che quando fanno clic per aprire, è su un telefono rendendo imperativo che ogni messaggio sembra grande ed è facile da leggere in piccole dimensioni.

Il modo migliore per creare e-mail che gli utenti apriranno sui dispositivi mobili è attraverso test.Ogni pubblico è in qualche modo diverso. Guarda le e-mail precedenti per vedere quali hanno le più alte percentuali di open o click mobili. Hanno elementi di design comuni che li rendono più attraenti per gli utenti mobili? Guarda anche le email che ricevi e il design delle email che apri. Cosa stanno facendo per attirare la tua attenzione?