{"id":23379,"date":"2023-07-14T07:59:00","date_gmt":"2023-07-14T07:59:00","guid":{"rendered":"https:\/\/vibetrace.com\/?p=23379"},"modified":"2023-08-30T21:24:04","modified_gmt":"2023-08-30T21:24:04","slug":"ultimate-guide-email-design-best-practices","status":"publish","type":"post","link":"https:\/\/vibetrace.com\/it\/guida-definitiva-migliori-pratiche-di-progettazione-e-mail\/","title":{"rendered":"La guida definitiva alla progettazione delle e-mail: best practice per dimensioni dei caratteri e dimensioni delle immagini"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<p><\/p>\n\n\n\n<p><strong>Perch\u00e9 il design della posta elettronica \u00e8 importante<\/strong>: Importanza nell&#039;e-commerce e nel marketing.<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id23379_274ff3-68 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id23379_274ff3-68 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id23379_274ff3-68 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id23379_274ff3-68 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n\n<h2 class=\"wp-block-heading\">Carattere e tipografia<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Dimensioni dei caratteri: <\/h3>\n\n\n\n<p>Dimensioni consigliate per le e-mail mobili e desktop<\/p>\n\n\n\n<p>Per garantire la leggibilit\u00e0 delle e-mail su dispositivi mobili, in genere \u00e8 consigliabile attenersi alle seguenti dimensioni dei caratteri:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Corpo del testo<\/strong>: 14-16px \u00e8 un buon intervallo. Facile da leggere senza zoom.<\/li>\n\n\n\n<li><strong>Intestazioni<\/strong>: 22-27px funziona bene per le intestazioni. Vuoi che si distinguano ma non siano travolgenti.<\/li>\n\n\n\n<li><strong>Sottovoci<\/strong>: Circa 18-22px. Dovrebbero essere pi\u00f9 grandi del corpo del testo ma pi\u00f9 piccoli dei titoli principali.<\/li>\n\n\n\n<li><strong>Pulsanti CTA<\/strong>: il testo all&#039;interno dei pulsanti deve essere di almeno 14 px per un facile tocco.<\/li>\n\n\n\n<li><strong>Stampa fine<\/strong>: Mantienilo almeno 12px in modo che sia leggibile ma chiaramente secondario.<\/li>\n<\/ol>\n\n\n\n<p>La leggibilit\u00e0 \u00e8 fondamentale, soprattutto per l&#039;e-commerce in cui si desidera guidare il lettore ad agire. Testa sempre le tue e-mail su pi\u00f9 dispositivi per assicurarti che abbiano un bell&#039;aspetto!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tipi di carattere<\/h3>\n\n\n\n<p>Serif contro Sans-serif.<\/p>\n\n\n\n<p>Quando si tratta di progettazione di e-mail, la scelta tra i caratteri Serif e Sans-Serif pu\u00f2 fare davvero la differenza. Ecco le informazioni pi\u00f9 dettagliate:<\/p>\n\n\n\n<p><strong>Caratteri serif<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Esempi<\/strong>: Times New Roman, Georgia<\/li>\n\n\n\n<li><strong>Vibrazione<\/strong>: Pi\u00f9 tradizionale, spesso visto come formale o accademico.<\/li>\n\n\n\n<li><strong>Ideale per<\/strong>: contenuti di lunga durata in cui la leggibilit\u00e0 \u00e8 fondamentale.<\/li>\n\n\n\n<li><strong>Ma<\/strong>: pu\u00f2 apparire disordinato su schermi piccoli, quindi utilizzalo con cautela nelle e-mail mobili.<\/li>\n<\/ul>\n\n\n\n<p><strong>Caratteri Sans Serif<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Esempi<\/strong>: Arial, Helvetica, Verdana<\/li>\n\n\n\n<li><strong>Vibrazione<\/strong>: Moderno, pulito e informale.<\/li>\n\n\n\n<li><strong>Ideale per<\/strong>: Contenuti brevi e accattivanti e leggibilit\u00e0 mobile.<\/li>\n\n\n\n<li><strong>Perch\u00e9<\/strong>: Pi\u00f9 facile da leggere su schermi piccoli e dona un tocco contemporaneo.<\/li>\n<\/ul>\n\n\n\n<p><strong>Suggerimenti per la progettazione della posta elettronica<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Consistenza<\/strong>: Attenersi a uno o due caratteri per mantenere il design coerente.<\/li>\n\n\n\n<li><strong>Caratteri sicuri per il Web<\/strong>: utilizza caratteri che vengono visualizzati correttamente su tutti i client di posta elettronica.<\/li>\n\n\n\n<li><strong>Gerarchia<\/strong>: utilizza caratteri o stili diversi per i titoli e il corpo del testo per creare una gerarchia visiva.<\/li>\n\n\n\n<li><strong>Test<\/strong>: verifica sempre il modo in cui i caratteri vengono visualizzati su diversi dispositivi e client di posta elettronica.<\/li>\n<\/ol>\n\n\n\n<p>Data la nostra attenzione all&#039;e-commerce, potresti propendere per Sans-Serif per la sua atmosfera moderna e leggibilit\u00e0 mobile. <\/p>\n\n\n\n<p>Ma se invii contenuti didattici, un carattere Serif potrebbe aggiungere un tocco di autorit\u00e0. Scegli in base al tuo brand e al tuo messaggio!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Interlinea<\/h3>\n\n\n\n<p>La spaziatura ottimale \u00e8 importante per la leggibilit\u00e0 della posta elettronica.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Corpo del testo<\/strong>: Punta a una dimensione del carattere compresa tra 1,4 e 1,6 volte. Pertanto, se la dimensione del carattere \u00e8 16px, l&#039;interlinea sar\u00e0 compresa tra 22px e 26px.<\/li>\n<\/ul>\n\n\n\n<p><strong>Perch\u00e9 l&#039;interlinea \u00e8 importante<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Leggibilit\u00e0<\/strong>: l&#039;interlinea corretta evita che il testo risulti angusto, facilitandone la lettura.<\/li>\n\n\n\n<li><strong>Scremabilit\u00e0<\/strong>: una buona spaziatura aiuta i lettori a scorrere rapidamente i contenuti, che \u00e8 il modo in cui la maggior parte delle persone legge le email.<\/li>\n<\/ol>\n\n\n\n<p>Suggerimenti per l&#039;interlinea<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Consistenza<\/strong>: mantieni l&#039;interlinea coerente in tutta l&#039;e-mail per un aspetto coerente.<\/li>\n\n\n\n<li><strong>Intestazioni e sottotitoli<\/strong>: Questi possono avere una spaziatura leggermente pi\u00f9 stretta poich\u00e9 di solito sono pi\u00f9 grandi e pi\u00f9 audaci.<\/li>\n\n\n\n<li><strong>Mobile<\/strong>: prova su diversi dispositivi per garantire che la spaziatura sia corretta su tutta la linea.<\/li>\n<\/ol>\n\n\n\n<p>Per le tue campagne e-mail di e-commerce, l&#039;interlinea pu\u00f2 aiutare a guidare l&#039;occhio del lettore verso CTA e informazioni chiave. Quindi, non trascurarlo!<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Immagini e contenuti multimediali<\/h2>\n\n\n\n<p><strong>Taglie consigliate<\/strong> per le immagini e-mail<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Immagini a larghezza intera<\/strong>: larghezza 600-800px. Questo si adatta alle larghezze predefinite della maggior parte dei client di posta elettronica.<\/li>\n\n\n\n<li><strong>Immagini in linea o mobili<\/strong>: larghezza 200-300px. Queste sono immagini che si trovano accanto al testo.<\/li>\n\n\n\n<li><strong>Immagini dell&#039;eroe<\/strong>: larghezza 800-1200px. Queste sono le immagini grandi e che attirano l&#039;attenzione in alto.<\/li>\n\n\n\n<li><strong>Pulsanti CTA<\/strong>: almeno 44x44px per un facile tocco sul cellulare.<\/li>\n<\/ol>\n\n\n\n<p><strong>Altri suggerimenti<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Proporzioni<\/strong>: Attenersi a rapporti comuni come 16:9 o 4:3 per garantire che le immagini si ridimensionino bene.<\/li>\n\n\n\n<li><strong>Dimensione del file<\/strong>: mantienilo sotto i 100 KB, se possibile, per un caricamento pi\u00f9 rapido.<\/li>\n\n\n\n<li><strong>Schermi ad alta DPI<\/strong>: prendi in considerazione i display Retina e utilizza immagini a risoluzione pi\u00f9 elevata, ma comprimili per mantenere basse le dimensioni dei file.<\/li>\n<\/ol>\n\n\n\n<p><strong>Formati di immagine<\/strong> nell&#039;e-mail<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>JPEG<\/strong>: Ideale per immagini complesse con molti colori.<\/li>\n\n\n\n<li><strong>PNG<\/strong>: ideale per immagini, testo e loghi semplici.<\/li>\n\n\n\n<li><strong>GIF<\/strong>: Per animazioni semplici.<\/li>\n<\/ul>\n\n\n\n<p>Data la tua attenzione all&#039;e-commerce, immagini nitide e a caricamento rapido possono rendere i tuoi prodotti allettanti e coinvolgere l&#039;utente. Prova sempre su pi\u00f9 dispositivi per assicurarti che tutto sia a posto!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Testo alternativo per le immagini nelle email<\/h3>\n\n\n\n<p>Accessibilit\u00e0<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Ipovedente<\/strong>: gli screen reader utilizzano il testo alternativo per descrivere le immagini.<\/li>\n\n\n\n<li><strong>Conformit\u00e0 legale<\/strong>: ti aiuta a soddisfare gli standard di accessibilit\u00e0 come ADA.<\/li>\n\n\n\n<li><strong>Blocco delle immagini nei client di posta elettronica<\/strong>: alcuni client bloccano le immagini per impostazione predefinita. Il testo alternativo fornisce il contesto.<\/li>\n<\/ol>\n\n\n\n<p>Vantaggi SEO<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Classifica della ricerca<\/strong>: Pur non influendo direttamente sulla posta elettronica, le buone pratiche relative al testo alternativo possono aiutare nella strategia SEO complessiva.<\/li>\n\n\n\n<li>Questo accade quando hai una pagina di archivio pubblica per le newsletter in uscita<\/li>\n<\/ol>\n\n\n\n<p>Esperienza utente<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Internet lento<\/strong>: se le immagini non vengono caricate, il testo alternativo fornisce il contesto.<\/li>\n\n\n\n<li><strong>Una precisazione<\/strong>: descrive l&#039;immagine se \u00e8 complessa o contiene informazioni importanti.<\/li>\n<\/ol>\n\n\n\n<p>Migliori pratiche<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Descrittivo<\/strong>: &quot;Scarpe da corsa da donna blu&quot; \u00e8 meglio di semplici &quot;scarpe&quot;.<\/li>\n\n\n\n<li><strong>Conciso<\/strong>: Sii breve ma informativo.<\/li>\n\n\n\n<li><strong>Parole chiave<\/strong>: utilizza parole chiave pertinenti ma evita il riempimento di parole chiave.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Il video viene incorporato nell&#039;e-mail<\/h3>\n\n\n\n<p>L&#039;aggiunta di video nelle e-mail pu\u00f2 aumentare il coinvolgimento, ma comporta alcuni avvertimenti. Ecco cosa potresti coprire:<\/p>\n\n\n\n<p>I pro<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Fidanzamento<\/strong>: i video possono aumentare la percentuale di clic.<\/li>\n\n\n\n<li><strong>Informazione<\/strong>: \u00e8 pi\u00f9 facile trasmettere informazioni complesse o mostrare un prodotto.<\/li>\n<\/ol>\n\n\n\n<p>I contro<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Compatibilit\u00e0<\/strong>: non tutti i client di posta supportano i video incorporati.<\/li>\n\n\n\n<li><strong>Tempo di caricamento<\/strong>: i video pesanti possono rallentare il caricamento delle e-mail.<\/li>\n<\/ol>\n\n\n\n<p>Migliori pratiche<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Immagine di riserva<\/strong>: utilizza un&#039;immagine in miniatura che si collega al video, nel caso in cui l&#039;incorporamento non funzioni.<\/li>\n\n\n\n<li><strong>CTA<\/strong>: aggiungi un pulsante di riproduzione in sovrapposizione per incoraggiare i clic.<\/li>\n\n\n\n<li><strong>Breve e dolce<\/strong>: mantieni i video brevi, preferibilmente inferiori a 2 minuti.<\/li>\n\n\n\n<li><strong>Riproduzione automatica<\/strong>: Generalmente evitatelo; consentire agli utenti di scegliere di riprodurre il video.<\/li>\n<\/ol>\n\n\n\n<p>Come<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>HTML5<\/strong>: per i client di posta elettronica che lo supportano, puoi utilizzare i tag HTML5 per l&#039;incorporamento.<\/li>\n\n\n\n<li><strong>Servizi di terze parti<\/strong>: Piattaforme come Vibetrace e Mailchimp spesso hanno opzioni integrate per i video.<\/li>\n<\/ol>\n\n\n\n<p>Alternative al video incorporato nelle e-mail<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>GIF<\/strong>: le GIF brevi e in loop possono offrire un&#039;esperienza simile a un video.<\/li>\n\n\n\n<li><strong>Miniatura collegata<\/strong>: un&#039;immagine statica che si collega a un video ospitato altrove.<\/li>\n<\/ol>\n\n\n\n<p>Test<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Clienti multipli<\/strong>: verifica come appare il video in diversi client di posta elettronica.<\/li>\n\n\n\n<li><strong>Mobile<\/strong>: assicurati che sia ottimizzato per i dispositivi mobili.<\/li>\n<\/ol>\n\n\n<div class=\"gb-container gb-container-7b568b8d\"><div class=\"gb-inside-container\">\n\n<div class=\"gb-headline gb-headline-88b6c416 gb-headline-text\">Hai bisogno di aiuto con il tuo Email Marketing?<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-01d03e37 gb-headline-text\">Offriamo servizi gestiti dalla strategia, all&#039;implementazione e al monitoraggio. Di solito si ottiene un aumento dei risultati di 15-25%. Vediamo come possiamo aiutarti!<\/div>\n\n\n<div class=\"gb-button-wrapper gb-button-wrapper-b6496486\">\n\n<a class=\"gb-button gb-button-4f70dbbd gb-button-text vt-register vt-track-click\" href=\"https:\/\/vibetrace.com\/it\/marketing-automazione-servizi\/\">Saperne di pi\u00f9<\/a>\n\n<\/div>\n<\/div><\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Layout e struttura per la progettazione di e-mail<\/h2>\n\n\n\n<p><strong>Layout a colonna singola o multicolonna<\/strong>: Pro e contro.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Layout a colonna singola<\/h3>\n\n\n\n<p>Professionisti<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Ottimizzato per dispositivi mobili<\/strong>: \u00e8 pi\u00f9 facile ridimensionare su schermi pi\u00f9 piccoli.<\/li>\n\n\n\n<li><strong>focalizzata<\/strong>: Guida il lettore in modo lineare e diretto.<\/li>\n\n\n\n<li><strong>Semplicit\u00e0<\/strong>: Pi\u00f9 facile da progettare e pi\u00f9 veloce da caricare.<\/li>\n<\/ol>\n\n\n\n<p>Contro<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Contenuti limitati<\/strong>: Non ideale per messaggi complessi con pi\u00f9 sezioni.<\/li>\n\n\n\n<li><strong>Meno dinamico<\/strong>: potrebbe non catturare l&#039;attenzione con la stessa efficacia dei layout a pi\u00f9 colonne.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Layout a pi\u00f9 colonne<\/h3>\n\n\n\n<p>Professionisti<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Ricco di contenuti<\/strong>: Ottimo per mostrare una variet\u00e0 di prodotti o argomenti.<\/li>\n\n\n\n<li><strong>Attrazione visiva<\/strong>: Pi\u00f9 dinamico e coinvolgente.<\/li>\n\n\n\n<li><strong>Gerarchico<\/strong>: Consente una struttura delle informazioni pi\u00f9 complessa.<\/li>\n<\/ol>\n\n\n\n<p>Contro<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Complessit\u00e0<\/strong>: pi\u00f9 difficile da progettare e potrebbe non essere visualizzato correttamente su tutti i dispositivi.<\/li>\n\n\n\n<li><strong>Travolgente<\/strong>: Rischio di disordine o sovraccarico di informazioni.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Suggerimenti per il tuo focus sull&#039;e-commerce<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Colonna singola<\/strong>: ideale per campagne mirate come lanci di prodotti o offerte speciali.<\/li>\n\n\n\n<li><strong>Multicolonna<\/strong>: Ideale per newsletter o per mostrare una gamma di prodotti.<\/li>\n<\/ul>\n\n\n\n<p>La scelta tra colonna singola e multicolonna dovrebbe essere in linea con la tua strategia di contenuto, la complessit\u00e0 del tuo messaggio e le preferenze del tuo pubblico di destinazione. Testa sempre entrambi i layout per vedere cosa risuona meglio con il tuo pubblico di e-commerce!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Importanza degli spazi bianchi nella progettazione delle email<\/h3>\n\n\n\n<p>Nel design lo spazio bianco ha un&#039;importanza particolare. Ci sono molti vantaggi nell\u2019usare lo spazio bianco, ma per la posta elettronica i pi\u00f9 importanti sono:<\/p>\n\n\n\n<p><strong>Leggibilit\u00e0 e spazio per respirare:<\/strong> La spaziatura tra testo ed elementi rende il contenuto pi\u00f9 facile da digerire.<\/p>\n\n\n\n<p><strong>Concentrazione e attenzione<\/strong>: Gli spazi bianchi possono indirizzare l&#039;occhio del lettore verso elementi importanti come i CTA.<\/p>\n\n\n\n<p><strong>Professionalit\u00e0 e look pulito<\/strong>: Un design ordinato sembra pi\u00f9 professionale e affidabile.<\/p>\n\n\n\n<p><strong>Esperienza utente e scremabile<\/strong>: aiuta i lettori a scorrere rapidamente i contenuti, ovvero il modo in cui la maggior parte delle persone legge le e-mail.<\/p>\n\n\n\n<p><strong>Esperienza mobile e facile da toccare<\/strong>: lo spazio aggiuntivo semplifica il tocco dei pulsanti sui dispositivi mobili.<\/p>\n\n\n\n<p>Per le tue email di e-commerce, gli spazi bianchi possono aiutare a guidare il lettore verso azioni chiave, come effettuare un acquisto o verificare un nuovo prodotto. Non \u00e8 solo spazio vuoto; \u00e8 un elemento di design funzionale!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Reattivit\u00e0 mobile<\/h2>\n\n\n\n<p>Assicurati che abbia un bell&#039;aspetto su tutti i dispositivi. C&#039;\u00e8 una certezza pi\u00f9 alta che <a href=\"https:\/\/vibetrace.com\/it\/email-clients-usage-statistics-2023\/\" data-type=\"post\" data-id=\"17536\">dispositivi mobili<\/a> vengono utilizzati pi\u00f9 del desktop per leggere le e-mail.<\/p>\n\n\n\n<p>Assicurarsi che la tua email sia reattiva e possa adattarsi agli schermi dei dispositivi mobili non \u00e8 un&#039;opzione ma il modo per iniziare a progettare un&#039;email.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Inviti all&#039;azione (CTA) nelle e-mail<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Posizionamento CTA<\/strong>: Dove posizionarli per il massimo impatto.<\/li>\n\n\n\n<li><strong>Design del pulsante CTA<\/strong>: dimensione, colore, testo.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Esperienza utente (UX)<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Tempo di caricamento<\/h3>\n\n\n\n<p>Importanza del tempo di caricamento delle email (a seconda delle dimensioni e del numero di immagini)<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Esperienza utente<\/strong>: le e-mail a caricamento lento possono frustrare gli utenti e portare a un minore coinvolgimento.<\/li>\n\n\n\n<li><strong>Utenti mobili<\/strong>: sono spesso in movimento e non aspettano contenuti lenti.<\/li>\n\n\n\n<li><strong>Ottimizza le immagini<\/strong>: mantieni le dimensioni dei file piccole ma la qualit\u00e0 elevata.<\/li>\n\n\n\n<li><strong>Minimizza il codice<\/strong>: HTML\/CSS puliti e semplici si caricano pi\u00f9 velocemente.<\/li>\n\n\n\n<li><strong>Email pi\u00f9 brevi<\/strong>: Anche se potrebbe essere pi\u00f9 semplice provare ad aggiungere molto alle email, in realt\u00e0 \u00e8 meglio mantenerle pi\u00f9 brevi.<\/li>\n\n\n\n<li><strong>Ritaglio e-mail:<\/strong> alcuni client di posta elettronica (come Gmail) ritagliano le email se superano una certa dimensione.<\/li>\n\n\n\n<li><strong>Test<\/strong>: testa sempre i tempi di caricamento su vari dispositivi, client di posta elettronica e risoluzioni.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Navigazione<\/h3>\n\n\n\n<p>Navigazione e-mail<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Scoperta dei contenuti<\/strong>: per le email pi\u00f9 lunghe, come le newsletter, la navigazione aiuta gli utenti a trovare ci\u00f2 a cui sono interessati.<\/li>\n\n\n\n<li><strong>CTA<\/strong>: una navigazione chiara pu\u00f2 guidare gli utenti ad agire.<\/li>\n\n\n\n<li><strong>Men\u00f9<\/strong>: Per le email molto ricche di contenuti, un piccolo menu in alto pu\u00f2 essere utile.<\/li>\n\n\n\n<li><strong>Gerarchia<\/strong>: utilizza titoli e sottotitoli per suddividere i contenuti e guidare il lettore.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Accessibilit\u00e0<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Scelta dei caratteri nell&#039;e-mail<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Scelta del carattere<\/strong>: i caratteri semplici e puliti sono pi\u00f9 facili da leggere.<\/li>\n\n\n\n<li><strong>Dimensione del font<\/strong>: attenersi a una dimensione leggibile, generalmente 14-16px per il corpo del testo.<\/li>\n\n\n\n<li><strong>Lettori di schermo<\/strong>: prova la tua email con un software di lettura dello schermo per assicurarti che sia accessibile.<\/li>\n\n\n\n<li><strong>Disponibilit\u00e0 dei caratteri<\/strong>:<strong> <\/strong>quando si utilizzano caratteri personalizzati (che non sono installati per impostazione predefinita sui dispositivi), assicurarsi che i file dei caratteri vengano caricati correttamente.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Contrasto di colore<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Leggibilit\u00e0<\/strong>: l&#039;elevato contrasto tra testo e sfondo migliora la leggibilit\u00e0.<\/li>\n\n\n\n<li><strong>Accessibilit\u00e0<\/strong>: Aiuta le persone con problemi di vista o daltonismo.<\/li>\n\n\n\n<li><strong>Testo e sfondo<\/strong>: punta a testo scuro su sfondo chiaro o viceversa.<\/li>\n\n\n\n<li><strong>CTA<\/strong>: assicurati che i pulsanti risaltino ma siano anche leggibili.<\/li>\n\n\n\n<li><strong>Utensili<\/strong>: utilizza i controlli di contrasto per testare le tue scelte di colore.<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Perch\u00e9 il design della posta elettronica \u00e8 importante: importanza nell&#039;e-commerce e nel marketing. Dimensioni dei caratteri e tipografia: consigliate... <a title=\"La guida definitiva alla progettazione delle e-mail: best practice per dimensioni dei caratteri e dimensioni delle immagini\" class=\"read-more\" href=\"https:\/\/vibetrace.com\/it\/guida-definitiva-migliori-pratiche-di-progettazione-e-mail\/\" aria-label=\"Per saperne di pi\u00f9 su La guida definitiva alla progettazione delle email: best practice per dimensioni dei caratteri e dimensioni delle immagini\"> <\/a><\/p>","protected":false},"author":9,"featured_media":23395,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[14],"tags":[101,51],"class_list":["post-23379","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecommerce-email-marketing","tag-email-design","tag-guide","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50"],"_links":{"self":[{"href":"https:\/\/vibetrace.com\/it\/wp-json\/wp\/v2\/posts\/23379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vibetrace.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vibetrace.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vibetrace.com\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/vibetrace.com\/it\/wp-json\/wp\/v2\/comments?post=23379"}],"version-history":[{"count":16,"href":"https:\/\/vibetrace.com\/it\/wp-json\/wp\/v2\/posts\/23379\/revisions"}],"predecessor-version":[{"id":23429,"href":"https:\/\/vibetrace.com\/it\/wp-json\/wp\/v2\/posts\/23379\/revisions\/23429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vibetrace.com\/it\/wp-json\/wp\/v2\/media\/23395"}],"wp:attachment":[{"href":"https:\/\/vibetrace.com\/it\/wp-json\/wp\/v2\/media?parent=23379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vibetrace.com\/it\/wp-json\/wp\/v2\/categories?post=23379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vibetrace.com\/it\/wp-json\/wp\/v2\/tags?post=23379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}