Come trovare e utilizzare i caratteri supportati dalla posta elettronica per il design e la leggibilità

Hai mai creato un'e-mail a casaccio e scelto il primo carattere che hai visto? Premi invio. Chiamalo buono per andare?

Quando si tratta di design e-mail, la scelta del carattere può fare un'enorme differenza tra un abbonato che fa clic o si sposta. Non solo aiutano a rendere la tua email più accattivante, ma possono anche migliorare la leggibilità complessiva. L'aspetto, la disposizione e lo stile lavorano tutti insieme per creare una tipografia unica, che è dove la tua email può brillare.

Anche se non c'è niente di sbagliato nell'utilizzare i caratteri tradizionali, come Arial o Times New Roman, per comunicare il tuo messaggio, esistono molti caratteri unici supportati dalla posta elettronica che porteranno le tue campagne a un livello superiore.

Se ti stai chiedendo come trovare e utilizzare i caratteri web supportati per la posta elettronica per dare il via alla tua campagna di posta elettronica in marcia alta, abbiamo le spalle! Scopriamo insieme come migliorare il coinvolgimento e la leggibilità utilizzando correttamente i caratteri web.

Cosa sono i caratteri web?

Prima di iniziare a essere creativo, devi conoscere la differenza tra i caratteri web e i caratteri sicuri per il web.

• Caratteri sicuri per il Web: è più probabile che questi caratteri si trovino in tutti i principali sistemi operativi e provider di posta elettronica e includono Arial, Verdana, Georgia, Times New Roman e Courier. I marchi continuano a utilizzarli perché sono classici e verranno visualizzati correttamente su tutta la linea.

• Caratteri Web: progettati e concessi in licenza specificamente per i siti Web, i caratteri Web non si trovano su tutti i dispositivi e sistemi operativi per impostazione predefinita. I caratteri Web includono Roboto e Open Sans.

Sebbene a volte potrebbe essere necessario utilizzare i caratteri tradizionali, i caratteri Web consentono al designer una maggiore creatività per aiutare a trasmettere il messaggio e l'estetica del marchio senza essere limitati al testo preinstallato.

Perché i caratteri supportati dalla posta elettronica sono importanti?

Come e-mail marketer, sai che è importante rimanere sul marchio con stile, colori e tipografia. Tuttavia, devi anche creare un messaggio accattivante che risuoni con i tuoi iscritti. I caratteri supportati dalla posta elettronica agiscono come un'estensione del tuo marchio, consentendoti di utilizzare il testo nel titolo, nel corpo e nell'overlay dell'immagine per progettare il tuo messaggio in modo creativo e accessibile.

Se il tuo marchio è un po' sciocco, puoi diventare grande e utilizzare un tipo divertente ed elegante. Tuttavia, se sei più degno di nota, potresti voler attenerti a qualcosa di più standard. I caratteri Web ti danno quella flessibilità e creatività.

Dove puoi trovare i caratteri web?

Sebbene ci siano molti fornitori di font web là fuori, vuoi assicurarti che l'azienda conceda in licenza i font web nelle e-mail (non solo il sito web o l'uso mobile) e segui le loro linee guida di distribuzione. I fornitori di caratteri supportati per e-mail consigliati includono:

• Google Fonts

• Typekit di Adobe

• MyFonts

• Tipo commerciale

• Fonte di primavera

• Negozio di font

Quali client di posta supportano i caratteri Web?

Quando vai oltre i caratteri sicuri per il Web, utilizzerai i caratteri che vengono scaricati all'apertura dei messaggi. È importante notare che non tutti i dispositivi supportano caratteri specifici, quindi imposterai i fogli di stile a cascata per creare "stampi di caratteri". Questi stack di font vengono utilizzati come backup nel caso in cui il font selezionato non si integri.

Una volta scelti i caratteri web, è importante considerare come verrà visualizzato il provider di servizi di posta elettronica effettivo. In genere, questi client di posta elettronica offrono supporto per i caratteri Web:

• Posta iOS

• Posta Apple

• Android (client di posta predefinito)

• Outlook 2000

• Outlook.com

• Thunderbird

Se un provider di posta elettronica non visualizza i caratteri web, non tutto è perduto, ecco perché imposti quei pratici stack di caratteri come backup. Gli stack di caratteri assicureranno che la tua email abbia ancora un'estetica simile a quella che volevi originariamente. Inoltre, ogni client di posta elettronica ha un carattere predefinito che gli abbonati vedranno al posto del tuo carattere web. Le impostazioni predefinite includono:

• Gmail: Arial

• Posta Apple: Helvetica

• Microsoft Outlook: Calibrì

Come scegliere i font web giusti per la tua campagna email

Ora che hai compreso le basi dei caratteri web, è tempo di scoprire i modi migliori per scegliere la tipografia giusta per le tue campagne e-mail. I caratteri supportati dalla posta elettronica sono fondamentali per recapitare il tuo messaggio e avere la possibilità di aumentare le percentuali di clic e i tassi di conversione.

Pensala in questo modo: gli umani sono visivi. Quante volte hai ritirato un prodotto al supermercato semplicemente per la sua confezione colorata e divertente? Lo stesso vale per le email. È più probabile che i tuoi abbonati aprano, facciano clic e acquistino dalle tue e-mail se non solo il contenuto li attira, ma viene anche consegnato in un design visivamente accattivante.

Con centinaia di diversi tipi di carattere web tra cui scegliere, ecco tre modi per restringere le selezioni per scegliere il miglior carattere supportato dalla posta elettronica per le tue campagne.

1. Seleziona il carattere del corpo corretto.

Il carattere del tuo corpo dovrebbe essere distinguibile e accessibile alla lettura per le persone con disabilità visive. Se hai più contenuto nel corpo, ti consigliamo di utilizzare un font con grazie, come Georgia e Verdana, che ha un testo con blocchi più lunghi.

Mentre Arial e Helvetica erano una volta le scelte popolari, lettere come p, b, q e d sembrano tutte troppo uniformi e sono più difficili da distinguere. Con un font serif, vengono aggiunti tratti extra per dare più carattere alle lettere. Poiché le e-mail devono essere scansionabili, le lettere larghe e con una spaziatura coerente aiutano gli abbonati a leggere rapidamente.

Fonte: W3Schools

Prendi questo esempio CAVA Dips, che utilizza un carattere del corpo serif di facile lettura, abbinato a un titolo e un invito all'azione più stilizzati.

Fonte: email davvero buone

Sebbene serif sia l'ideale per le e-mail più lunghe, l'utilizzo di un font sans serif è ancora leggibile e accettabile. Con una sola riga di testo del corpo, Cater 2 Me ha inchiodato il design dei caratteri web. È un pugno e va dritto al punto senza distrarre.

Fonte: email davvero buone

2. Utilizzare un'intestazione stilizzata con un carattere del corpo abbinato.

Sebbene questo possa sembrare più "semplice", l'utilizzo dello stesso carattere per l'intestazione e il corpo aiuterà a stabilire una migliore identità del marchio e garantire che l'intero messaggio venga visualizzato nel client di posta elettronica. Quando sviluppi la tua email, assicurati che l'intestazione e il corpo siano di dimensioni diverse e abbiano un'imbottitura e uno stile diversi per differenziarli meglio. È anche importante notare che più caratteri web hai, più tempo impiegherà la tua e-mail a caricarsi, il che è un altro vantaggio dell'utilizzo di un solo carattere.

Prendi questo esempio da Lululemon. L'azienda utilizza titoli che sono il doppio del corpo del testo con una spaziatura sufficiente tra i due. Gli abbonati possono facilmente distinguere tra i due elementi mentre creano un design pulito e classico.

Fonte: email davvero buone

Tuttavia, se vuoi essere più creativo, associare diversi tipi di carattere che si completano a vicenda può aiutare a distinguersi nella casella di posta e mantenere coinvolti gli abbonati. Si consiglia di utilizzare solo due caratteri Web per e-mail, ma può essere complicato perché non si desidera che i caratteri siano illeggibili e inaccessibili. Se stai cercando un modo per scoprire caratteri comparabili, puoi utilizzare Font Pair per trovare le combinazioni di caratteri più efficaci per il design della tua email.

Tattly fa un ottimo lavoro nell'abbinare due caratteri diversi insieme pur rimanendo in linea con gli standard del marchio. Il titolo attira immediatamente la tua attenzione e attira lo sguardo sul corpo per vedere cosa comporta la vendita. A causa delle immagini, puoi dire che questo marchio è più spensierato, quindi i caratteri multipli funzionano.

Fonte: email davvero buone

3. Creare una struttura di caratteri coerente.

Dopo aver selezionato i caratteri web, hai molti altri elementi da considerare come dimensione del carattere, spaziatura, collegamenti e pulsanti, colori e altro. Queste funzionalità ti aiuteranno a mantenere le tue e-mail coerenti, indipendentemente dalla fase del percorso del cliente in cui si trovano i tuoi abbonati.

• Carattere: per il corpo del testo, il carattere dovrebbe essere dimensionato a 14 px su desktop e 16 px per dispositivi mobili. Quando si utilizza un design reattivo, verificare che i caratteri supportati dalla posta elettronica fluttuino automaticamente tra le dimensioni dello schermo.

• Spaziatura: soprattutto tra l'intestazione e il corpo del testo, assicurati di avere un'altezza di linea ampia tra 22 px e 24 px. Spazi troppo stretti possono ridurre la leggibilità e il coinvolgimento.

• Collegamenti e pulsanti: durante la creazione di collegamenti e pulsanti, non utilizzare un carattere separato per sottolineare la frase principale e verificare se include il collegamento di ancoraggio. I pulsanti sono un ottimo modo stilizzato per attirare l'attenzione sul tuo invito all'azione.

• Colori: usa solo tre colori che si identificano con gli standard del tuo marchio: un colore per l'intestazione, uno per il tuo corpo e l'ultimo per i tuoi collegamenti.

Incartare

Se stai pensando di utilizzare i caratteri web nelle tue campagne e-mail, ti diciamo di provarci! I caratteri Web sono un ottimo modo per affascinare il tuo pubblico e aiutarti a trasformare i tuoi potenziali clienti in clienti con un design di posta elettronica di grande impatto. Quando scegli i caratteri supportati per la posta elettronica, assicurati di:

• Crea stack di font di backup

• Utilizza uno stile di carattere serif

• Accoppia il testo dell'intestazione con il corpo del testo

• Sviluppa una struttura di caratteri coerente per tutte le campagne future

Sei pronto per iniziare a progettare le tue campagne e-mail con i caratteri web? Emma offre sia un editor drag-and-drop sia la possibilità di codificare le email completamente da zero. Prova una demo oggi per saperne di più!