{"id":68738,"date":"2024-10-28T07:00:00","date_gmt":"2024-10-28T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=68738"},"modified":"2025-06-11T13:18:54","modified_gmt":"2025-06-11T20:18:54","slug":"la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/","title":{"rendered":"La Tua Guida al Design delle Email: 15 Migliori Pratiche per l&#8217;Email Marketing"},"content":{"rendered":"\n<p>Potresti aver sentito dire prima che <a target=\"_blank\" href=\"https:\/\/www.litmus.com\/resources\/email-marketing-roi\" rel=\"noopener\">l&#8217;email rende oltre $30<\/a> per ogni dollaro che spendi.<\/p>\n\n\n<p>\u00c8 un ritorno sull&#8217;investimento davvero notevole per qualsiasi cosa \u2014 ma <em>soprattutto<\/em> per una campagna di marketing.<\/p>\n\n\n<p>Di conseguenza, conferma praticamente l&#8217;importanza dell&#8217;email marketing per il successo delle piccole imprese.<\/p>\n\n\n<p>Ma purtroppo, le email non possono avere quell&#8217;influenza se nessuno le apre o le legge!<\/p>\n\n\n<p>Quando \u00e8 stata l&#8217;ultima volta che un&#8217;email ha davvero catturato la tua attenzione o conquistato il tuo cuore?<\/p>\n\n\n<p>Ti ha fatto affezionare a un marchio?<\/p>\n\n\n<p>Ti ho fatto ridere?<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"750\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line.webp\" alt=\"esempio di casella email che evidenzia due oggetti interessanti: &quot;Ispezionato professionalmente, approvato da Fender&quot; e &quot;No!&quot; \" class=\"wp-image-50455 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-300x141.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1024x480.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-768x360.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1536x720.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-600x281.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1200x563.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-730x342.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1460x684.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-784x368.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1568x735.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-877x411.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/750;\" \/><\/figure>\n\n\n<p>O, forse pi\u00f9 importante: ti ha portato a cliccare, convertire e diventare un cliente fedele?<\/p>\n\n\n<p>Siamo certi che non era solo quello che \u00e8 stato detto, ma <em>come<\/em> \u00e8 stato detto.<\/p>\n\n\n<p>Qui entra in gioco il design dell&#8217;email.<\/p>\n\n\n<p>Utilizzare trucchi come ottimizzare la velocit\u00e0 di caricamento, fare affidamento sulla teoria dei colori, costruire un flusso che sfrutta il modo innato in cui le persone leggono e creare un layout che sia accessibile su tutti i dispositivi e a tutti i livelli di abilit\u00e0 <em>naturalmente<\/em> crea email irresistibili.<\/p>\n\n\n<p>Le email irresistibili vengono aperte, lette e ti portano l&#8217;impegno necessario per rendere il lavoro di email marketing degno del ritorno.<\/p>\n\n\n<p>Ecco perch\u00e9 e come progettare le tue email.<\/p>\n\n\n<h2 id=\"h-what-do-we-mean-by-email-newsletter-design\" class=\"wp-block-heading\">Cosa Intendiamo Con Il Design Delle Newsletter Via Email?<\/h2>\n\n\n<p>Tutti lo abbiamo fatto prima. Scrivere un&#8217;email \u00e8 semplice, vero? (Per la maggior parte, almeno.)<\/p>\n\n\n<p>Non cos\u00ec veloce.<\/p>\n\n\n<p><a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/email-marketing-guide\/\" rel=\"noopener\">Un efficace marketing via email<\/a> comporta <em>molto<\/em> pi\u00f9 che scrivere un messaggio e premere invio.<\/p>\n\n\n<p>Se la tua email non ha un oggetto accattivante, contenuti pertinenti, un layout intelligente ed elementi visivamente attraenti, \u00e8 troppo facile che i destinatari la trascurino e la ignorino nell&#8217;avalanche che rappresenta la loro casella di posta.<\/p>\n\n\n<p><strong>Il design delle email \u00e8 il processo di creazione e strutturazione attenta delle email per assicurarsi che siano visivamente coinvolgenti, facili da leggere e ispirino all&#8217;azione.<\/strong><\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1350\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design.webp\" alt=\"screenshot di una newsletter di Currents con oggetto &quot;parole che non dovresti mai pi\u00f9 dire&quot; e altri elementi importanti come immagini e un link per visualizzare nel browser\" class=\"wp-image-50457 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-300x253.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1024x864.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-768x648.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1536x1296.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-600x506.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1200x1013.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-730x616.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1460x1232.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-784x662.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1568x1323.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-877x740.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1350;\" \/><\/figure>\n\n\n<p>In sostanza, il design delle email di marketing si concentra pi\u00f9 sul layout visivo delle tue email che sul contenuto stesso. Coinvolge l&#8217;organizzazione e l&#8217;ottimizzazione di testo, immagini e informazioni chiave in modo tale che renda l&#8217;email impossibile da ignorare. Dato che le persone di solito scorrono velocemente le email, un&#8217;email ben progettata garantisce che il tuo messaggio sia in linea con il brand, chiaro e persino affascinante.<\/p>\n\n\n<p>E una guida al design dell&#8217;<em>email<\/em> ben realizzata pu\u00f2 insegnarti come dare vita a tutto ci\u00f2 per rafforzare la tua voce, attrarre nuovi clienti e costruire relazioni a lungo termine con il tuo pubblico.<\/p>\n\n\n<p>Questo \u00e8 ci\u00f2 che stai per leggere, proprio ora.<\/p>\n\n\n<h2 id=\"h2_why-email-design-matters\" class=\"wp-block-heading\">Perch\u00e9 Il Design Delle Email \u00c8 Importante<\/h2>\n\n\n<p>Abbiamo gi\u00e0 accennato al motivo per cui i piccoli imprenditori e i marketer dovrebbero concentrarsi su <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/grow-your-email-list\/\" rel=\"noopener\">l&#8217;ampliamento delle loro liste email<\/a> \u2014 il marketing via email offre un ottimo ROI!<br><br>Cosa c&#8217;\u00e8 di cos\u00ec importante specificamente nel design delle tue email? Ha un modo di aumentare le aperture e l&#8217;interazione delle email.<\/p>\n\n\n<p>Ti mostreremo come fare.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Massimizza la Leggibilit\u00e0<\/h3>\n\n\n<p>Un&#8217;email ben strutturata con una chiara gerarchia, ampio spazio bianco, font accuratamente scelti ed elementi di design pensati garantisce che i destinatari possano leggere rapidamente, facilmente e persino con entusiasmo qualsiasi contenuto tu voglia condividere con loro. Niente feste noiose di marketing qui!<\/p>\n\n\n<h3 class=\"wp-block-heading\">Genera Azioni Misurabili<\/h3>\n\n\n<p>Alla fine, le email ben progettate guidano i loro destinatari verso un passo successivo chiaro, che si tratti di iscriversi a un evento, effettuare un acquisto o visitare un sito web.<\/p>\n\n\n<p>Quando design e contenuto si allineano perfettamente, diventa facile per i destinatari agire sul tuo messaggio e per te stabilire e raggiungere obiettivi misurabili sulle conversioni.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Costruisci la Fiducia nel Brand<\/h3>\n\n\n<p>Utilizzare costantemente i colori, i font e i loghi del tuo marchio nel design delle email rafforza la tua identit\u00e0 di marca. Quando i destinatari vedono un&#8217;email che si allinea visivamente con un marchio che gi\u00e0 conoscono, ci\u00f2 crea fiducia, rendendoli pi\u00f9 propensi ad aprire le email future!<\/p>\n\n\n<p>Amiamo quel dolce, dolce slancio di marketing.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Benvenuti a Tutti i Lettori Attraverso l&#8217;Accessibilit\u00e0<\/h3>\n\n\n<p>Il <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/great-web-accessibility-examples\/\" rel=\"noopener\">design dell&#8217;Email<\/a> dovrebbe sempre considerare l&#8217;accessibilit\u00e0, rendendola facile da comprendere per il maggior numero di persone possibile.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Accessibilit\u00e0<\/h3>\n    <p>L&#8217;accessibilit\u00e0 \u00e8 la pratica di rendere un sito web accessibile al maggior numero possibile di utenti. I siti web accessibili possono essere visualizzati da chiunque su qualsiasi dispositivo.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/accessibility\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Leggi di pi\u00f9                    <\/a>\n\n<\/div>\n\n\n<p>Scelte di design ponderate che approfondiremo nella prossima sezione \u2014 come dimensioni dei caratteri appropriate, contrasto dei colori e testo alternativo per le immagini \u2014 garantiscono che pi\u00f9 persone siano invitate a interagire con il tuo contenuto, indipendentemente dal modo in cui accedono alla tua email.<\/p>\n\n\n<h2 id=\"h2_15-email-design-best-practices\" class=\"wp-block-heading\">15 Migliori Pratiche per il Design delle Email<\/h2>\n\n\n<p>Dai un&#8217;occhiata alle tue metriche di marketing attuali.<\/p>\n\n\n<p>Stai progettando email che colpiscono il segno ogni volta?<\/p>\n\n\n<p>Se non lo fai, \u00e8 il momento di smettere di sprecare le tue risorse e iniziare a essere pi\u00f9 efficace.<\/p>\n\n\n<p>La sezione successiva ti guider\u00e0 attraverso alcune delle migliori pratiche per creare un&#8217;esperienza email che cattura l&#8217;attenzione, offre valore e incoraggia all&#8217;azione.<\/p>\n\n\n<h3 class=\"wp-block-heading\">1. Una Colonna Mantiene La Semplicit\u00e0<\/h3>\n\n\n<p>Noi di solito raccomandiamo di optare per un layout a colonna singola nelle tue email di marketing per vari motivi:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Uno, \u00e8 semplicemente <strong>pi\u00f9 facile per te progettare<\/strong>!<\/li>\n\n\n\n<li>Un altro motivo \u00e8 che questo rende molto <strong>pi\u00f9 facile per i lettori scansionare velocemente e agire<\/strong>, che \u00e8 veramente ci\u00f2 che molti desiderano quando si tratta di gestire le email nella loro casella di posta. Questo layout semplificato \u00e8 anche pi\u00f9 a prova di errore per la tecnologia assistiva da elaborare, rendendolo pi\u00f9 accessibile.<\/li>\n\n\n\n<li>E ultimo, ma certamente non meno importante, <strong>le email a colonna singola sono pi\u00f9 adattabili a diverse dimensioni di schermo<\/strong>, rendendole pi\u00f9 adatte ai dispositivi mobili. (Un fattore importante di cui parleremo pi\u00f9 avanti.)<\/li>\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1000\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple.webp\" alt=\"affiancati con un layout a colonna singola e un layout a doppia colonna con una X sopra etichettato &quot;colonne multiple&quot;\" class=\"wp-image-50458 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1024x640.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-768x480.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1536x960.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-600x375.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1200x750.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-730x456.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1460x913.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-784x490.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1568x980.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-877x548.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1000;\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\">2. Familiarizzati Con il Comune Schema di Lettura F<\/h3>\n\n\n<p>Identificato dal Nielsen Norman Group tramite uno studio di tracciamento oculare, il <a target=\"_blank\" href=\"https:\/\/www.nngroup.com\/articles\/f-shaped-pattern-reading-web-content\/\" rel=\"noopener\">modello di lettura a forma di F<\/a> \u00e8 uno dei modi pi\u00f9 comuni con cui i lettori scandiscono blocchi di contenuto.<\/p>\n\n\n<p>Il pattern funziona cos\u00ec:<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Il lettore inizia con una scansione orizzontale nella parte superiore del contenuto, formando la linea superiore della lettera &#8220;F&#8221;.<\/li>\n\n\n\n<li>Successivamente, si sposta verso il basso e scandisce la sezione orizzontale successiva che cattura la sua attenzione, questa linea inferiore della &#8220;F&#8221; \u00e8 tipicamente pi\u00f9 corta della prima.<\/li>\n\n\n\n<li>Infine, segue un percorso verticale lungo il lato sinistro del contenuto, completando la forma della &#8220;F&#8221;!<\/li>\n\n\n<\/ol>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1005\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern.webp\" alt=\"esempio di schema di lettura F che mostra il concetto accanto a una email reale per illustrare come i nostri occhi scansionano naturalmente le email secondo uno schema &quot;F&quot;\" class=\"wp-image-50459 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1024x643.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-768x482.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1536x965.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-600x377.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1200x754.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-730x459.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1460x917.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-784x492.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1568x985.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-877x551.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1005;\" \/><\/figure>\n\n\n<p>Quando progetti le tue email, ecco come ottimizzare tenendo presente questo comportamento di scansione:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Posiziona le informazioni pi\u00f9 importanti dove i lettori sono pi\u00f9 propensi a concentrarsi, seguendo il modello a F.<\/li>\n\n\n\n<li>Inizia nuovi paragrafi o sezioni con parole che attirano l&#8217;attenzione per continuare a catturare l&#8217;occhio mentre scende.&nbsp;<\/li>\n\n\n\n<li>Assicurati che l&#8217;elemento pi\u00f9 prominente nella tua email spicchi immediatamente e cerca di posizionarlo nel percorso dell&#8217;occhio mentre segue il modello. Pi\u00f9 avanti in questo articolo parleremo di come scegliere il miglior tipo e dimensione del font e di come applicare efficacemente il contrasto per attirare l&#8217;attenzione.<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">3. Prendi Spunto dagli Scrittori con la Piramide Invertita<\/h3>\n\n\n<p>Il layout a piramide invertita \u00e8 una potente strategia di design presa in prestito da scrittori e giornalisti. Nel mondo delle email, si tratta di mettere le informazioni pi\u00f9 critiche per prime, poi di guidare rapidamente i lettori verso un <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/call-to-action-examples\/\" rel=\"noopener\">chiaro invito all&#8217;azione (CTA)<\/a> in forma di triangolo capovolto.<\/p>\n\n\n<p>La struttura \u00e8 semplice:<\/p>\n\n\n<p>Inizia con un titolo accattivante o un incipit interessante, seguito da informazioni di supporto concise, e termina con un CTA in evidenza.<\/p>\n\n\n<p>E non si tratta solo delle parole che usi. Sii creativo con caratteri, colori e design originali! E utilizza gli spazi bianchi strategicamente per coinvolgere davvero il lettore.<\/p>\n\n\n<p>Minimizzando le distrazioni e mantenendo il contenuto snello e avvincente, il layout a piramide invertita guida l&#8217;occhio del lettore naturalmente verso il CTA, rendendo pi\u00f9 probabile che interagisca con esso.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1800\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid.webp\" alt=\"esempio di design che utilizza una piramide invertita mostrando la compagnia, alcuni link principali e poi restringendosi attraverso un'immagine fino al pulsante &quot;acquista ora&quot;\" class=\"wp-image-50460 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-267x300.webp 267w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-910x1024.webp 910w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-768x864.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-1365x1536.webp 1365w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-600x675.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-1200x1350.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-730x821.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-1460x1643.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-784x882.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-1568x1764.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-877x987.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1800;\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\">4. Considera le Emoji (Davvero!)<\/h3>\n\n\n<p>Che sia per esprimere disprezzo (?) o per condividere notizie emozionanti senza scrivere nemmeno una parola (?): le emoji sono un&#8217;opzione di comunicazione potente e moderna.<\/p>\n\n\n<p>A parte gli aneddoti, si \u00e8 scoperto che le emoji <a target=\"_blank\" href=\"https:\/\/www.wordstream.com\/blog\/ws\/2015\/11\/19\/twitter-emoji\" rel=\"noopener\">aumentano l&#8217;engagement sui social media<\/a>. Quindi, perch\u00e9 non provare ad usarle anche nelle tue email di marketing?<\/p>\n\n\n<p>Quando utilizzati con attenzione (questo \u00e8 fondamentale!), <strong>gli emoji possono aggiungere personalit\u00e0 e interesse visivo alle tue email<\/strong>, aiutandole a distinguersi e mantenendo l&#8217;interesse dei destinatari. Creano una connessione emotiva immediata e rendono il tuo messaggio pi\u00f9 coinvolgente.<\/p>\n\n\n<p>La parte pi\u00f9 importante di questa buona pratica \u00e8 comprendere il tuo pubblico e il messaggio da trasmettere per assicurarti che le emoji che usi siano adatte e lo valorizzino. Non distrarre da esso.<\/p>\n\n\n<h3 class=\"wp-block-heading\">5. Ottimizza la Dimensione delle Immagini<\/h3>\n\n\n<p>Gli esperti di email marketing di Campaign Monitor hanno progettato i loro template di email per essere larghi 600 pixel su desktop e 320 pixel su mobile. Inoltre, i primi 300-500 pixel sono generalmente ci\u00f2 che le persone riescono a vedere in un&#8217;email prima di dover scorre. Tenendo presente tutto ci\u00f2, qualsiasi immagine utilizzata nelle email di marketing non dovrebbe superare questi parametri.<\/p>\n\n\n<p>Ma non si tratta solo di misure, si tratta anche di &#8220;peso&#8221; \u2014 che influisce sul tempo di caricamento. <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/optimize-images-for-web\/\" rel=\"noopener\">Comprimi le immagini per ridurre la loro dimensione<\/a> affinch\u00e9 si carichino pi\u00f9 velocemente e rispettino le normative dei client di posta.<\/p>\n\n\n<p>Hai domande sul formato di file da usare per le tue immagini?<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>I JPEG sono nitidi e piccoli e ancora ideali per mostrare fotografie professionali.<\/li>\n\n\n\n<li>I PNG si comprimono bene.<\/li>\n\n\n\n<li>E i file SVG sono leggeri e rimangono nitidi a qualsiasi scala, rendendoli buoni per icone e loghi.&nbsp;<\/li>\n\n\n<\/ul>\n\n\n<p>\u00c8 importante notare che, indipendentemente dal modo in cui gestisci le immagini, queste dovrebbero <strong>essere sempre incorporate nella tua email.<\/strong> Perch\u00e9?<\/p>\n\n\n<p>Perch\u00e9 gli allegati oggi vengono troppo facilmente segnalati come spam.<\/p>\n\n\n<h3 class=\"wp-block-heading\">6. Mantieni Coerente il Branding<\/h3>\n\n\n<p>Un grosso motivo per cui le email non vengono aperte, o vengono eliminate rapidamente una volta aperte, \u00e8 che sembrano arrivare dal nulla. Spesso, questo \u00e8 il risultato di un branding scadente.<\/p>\n\n\n<p>Incorporare l&#8217;identit\u00e0 visiva del tuo marchio in ogni email \u00e8 essenziale per rafforzare il riconoscimento del marchio. Senza questo, i destinatari potrebbero pensare di ricevere spam per cui non si sono iscritti \u2014 aumentando cos\u00ec le tue percentuali di rimbalzo e disiscrizione.<\/p>\n\n\n<p>L&#8217;astuzia qui \u00e8 garantire che le tue email contengano elementi di design chiave del tuo marchio tramite:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Evidenziando gli elementi fondamentali del tuo marchio<\/strong>, come i font, i colori e le immagini in tutte le comunicazioni via email.<\/li>\n\n\n\n<li><strong>Assicurandoti che il design delle tue email sia sincronizzato<\/strong> con il tuo sito web, <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/build-lead-generating-landing-pages-wordpress\/\" rel=\"noopener\">pagine di destinazione<\/a>, presenza sui social media, ecc., per creare un fronte unificato.<\/li>\n\n\n\n<li><strong>Posizionando il tuo logo in modo prominente<\/strong> nell&#8217;intestazione o nel pi\u00e8 di pagina di ogni email per rafforzare l&#8217;identit\u00e0 del marchio.<\/li>\n\n\n\n<li><strong>Creando modelli riutilizzabili<\/strong> una volta che hai trovato la giusta atmosfera, per razionalizzare le future campagne email e garantire la coerenza.<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">7. D\u00e0 Priorit\u00e0 all&#8217;Esperienza Mobile<\/h3>\n\n\n<p>Alla fine del 2023, pi\u00f9 della met\u00e0 di tutto il traffico web nel mondo <a target=\"_blank\" href=\"https:\/\/www.statista.com\/statistics\/277125\/share-of-website-traffic-coming-from-mobile-devices\/\" rel=\"noopener\">si \u00e8 svolto su dispositivi mobili<\/a>.<\/p>\n\n\n<p>In altre parole, \u00e8 impossibile ignorare quegli schermi piccoli e intelligenti quando si parla di design delle email.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1800\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design.webp\" alt=\"Design responsive che mostra un'email di Six Flags su desktop e l'adattamento di tale design su mobile con alcune modifiche per sfruttare al meglio lo spazio\" class=\"wp-image-50461 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-267x300.webp 267w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-910x1024.webp 910w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-768x864.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-1365x1536.webp 1365w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-600x675.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-1200x1350.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-730x821.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-1460x1643.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-784x882.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-1568x1764.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-877x987.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1800;\" \/><\/figure>\n\n\n<p>Il design che si adatta a seconda della dimensione e del tipo di schermo \u00e8 conosciuto come design reattivo. Fortunatamente, la maggior parte degli strumenti di design per email \u2014 come Mailchimp, Stripo, Unlayer e decine di altri \u2014 sono reattivi e ridimensioneranno e riorganizzeranno automaticamente le email per <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/how-to-optimize-your-site-for-mobile\/\" rel=\"noopener\">assicurarsi che siano compatibili con i dispositivi mobili<\/a>.<\/p>\n\n\n<p>Tuttavia, ci sono diverse cose che puoi fare per assicurarti che tutto vada per il meglio e le tue newsletter via email siano sempre perfette:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Come abbiamo menzionato qua e l\u00e0, un <strong>design snello e semplice<\/strong> \u00e8 spesso il migliore per le email, specialmente quando si pensa alla leggibilit\u00e0 su dispositivi portatili. Inoltre, i layout semplici si caricano pi\u00f9 velocemente, cosa che tutti desideriamo quando siamo in movimento.<\/li>\n\n\n\n<li>I <strong>pulsanti dovrebbero essere abbastanza grandi da essere facilmente premuti con il pollice<\/strong>. La regola, beh, del pollice \u00e8 di <strong>44&#215;44 pixel<\/strong>. Dovrebbe anche esserci abbastanza spazio intorno ai pulsanti affinch\u00e9 gli utenti possano cliccare senza toccare accidentalmente link vicini.<\/li>\n\n\n\n<li>Lo <strong>spazio bianco<\/strong> \u00e8 pi\u00f9 importante che mai per la leggibilit\u00e0 sui dispositivi mobili, quindi usalo generosamente ma saggiamente.<\/li>\n\n\n\n<li>Posiziona il tuo <strong>contenuto pi\u00f9 importante vicino alla parte superiore della tua email<\/strong> in modo che sia visibile prima dello scorrimento.<\/li>\n\n\n\n<li>I dispositivi mobili tipicamente mostrano <strong>oggetti pi\u00f9 corti<\/strong> (circa 30 a 40 caratteri), quindi mantienili brevi e incisivi.<\/li>\n\n\n\n<li>La <strong>dimensione complessiva dell&#8217;email dovrebbe essere inferiore a 100KB<\/strong>, altrimenti ci vorr\u00e0 troppo tempo per caricarsi o verr\u00e0 tagliata dal client di posta.<\/li>\n\n\n<\/ul>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h3 class=\"wp-block-heading\">8. Dammi Un Po&#8217; Di Spazio, Per Favore!<\/h3>\n\n\n<p>Nel design, lo spazio bianco si riferisce allo spazio vuoto o negativo intorno agli elementi.<\/p>\n\n\n<p>Ricopre un ruolo cruciale nel design delle email aiutando ad organizzare il contenuto in base all&#8217;importanza, migliorando la leggibilit\u00e0 e la chiarezza, e indirizzando l&#8217;attenzione verso i componenti chiave.<\/p>\n\n\n<p>Onestamente, lo spazio bianco \u00e8 una di quelle cose che riconosci quando lo vedi \u2014 quando \u00e8 ben fatto, \u00e8 la differenza tra un&#8217;interazione piacevole e calma e una che sembra superata, soffocante e difficile da digerire.<\/p>\n\n\n<p>Detto ci\u00f2, ecco alcuni consigli di base da tenere a mente riguardo l&#8217;implementazione dello spazio bianco nelle email:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Lascia abbastanza spazio<\/strong> (noto anche come padding) attorno a paragrafi, immagini e altre sezioni per evitare che l&#8217;email appaia troppo piena.<\/li>\n\n\n\n<li><strong>Uniforma i margini<\/strong> tra tutti i tuoi blocchi di testo, per aiutare a guidare l&#8217;occhio del lettore in modo fluido da una sezione all&#8217;altra.<\/li>\n\n\n\n<li><strong>Aumenta lo spazio tra le linee di testo<\/strong> per migliorare la leggibilit\u00e0.<\/li>\n\n\n\n<li><strong>Aggiungi pi\u00f9 spazio attorno alle aree chiave<\/strong> per attirare naturalmente l&#8217;attenzione su di esse, senza ulteriori decorazioni grafiche.<\/li>\n\n\n\n<li><strong>Resisti alla tentazione di inserire troppo contenuto in una singola email<\/strong>. Mantenendo testo e immagini ben distanziati, riduci l&#8217;affollamento visivo e rendi il tuo messaggio pi\u00f9 comprensibile.<\/li>\n\n\n\n<li>Ricorda, <strong>spesso meno \u00e8 pi\u00f9<\/strong> quando si tratta del layout di un&#8217;email!<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">9. Crea Email Con Una Chiara Gerarchia<\/h3>\n\n\n<p>Creare una gerarchia \u2014 organizzare gli elementi in modo che indichino il livello di importanza \u2014 in un&#8217;email di marketing assicura che i tuoi destinatari possano navigare facilmente il contenuto, assorbire le informazioni chiave e compiere le azioni desiderate.<\/p>\n\n\n<p>Simile all&#8217;applicare spazi bianchi, padroneggiare la gerarchia \u00e8 qualcosa che arriva con l&#8217;osservazione e la pratica. Ma, una volta che lo capisci, lo <em>capisci<\/em> davvero.<\/p>\n\n\n<p>Tuttavia, ci sono alcuni trucchi abbastanza semplici che puoi utilizzare quando redigi email per aiutare a guidare l&#8217;occhio del lettore e trasmettere efficacemente il tuo messaggio:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Intestazioni Delle Funzionalit\u00e0<\/strong> quando si introducono punti chiave. Le intestazioni dovrebbero essere pi\u00f9 grandi e in grassetto rispetto a tutto il resto del testo, segnalando chiaramente le parti pi\u00f9 importanti del tuo messaggio. I sottotitoli possono introdurre informazioni di supporto.<\/li>\n\n\n\n<li><strong>Usa testo pi\u00f9 grande e in grassetto<\/strong> per attirare naturalmente l&#8217;attenzione. Il testo pi\u00f9 piccolo pu\u00f2 aggiungere contesto secondo necessit\u00e0.<\/li>\n\n\n\n<li><strong>Colori contrastanti<\/strong> fanno risaltare gli elementi importanti. Evidenzia il tuo CTA pi\u00f9 importante con il tuo colore pi\u00f9 audace che contrasta con lo sfondo. E non usare troppo questo colore o perderai efficacia.<\/li>\n\n\n\n<li><strong>Immagini cos\u00ec come gli spazi bianchi<\/strong> possono indirizzare l&#8217;attenzione del lettore verso informazioni importanti.<\/li>\n\n\n\n<li><strong>Iconografia con frecce<\/strong> pu\u00f2 anche aiutare i lettori a capire cosa guardare per primo, o successivamente.<\/li>\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1759\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy.webp\" alt=\"esempio di gerarchia degli header che indica l'H1 in alto con un H2 pi\u00f9 in basso e poi un H3 sotto\" class=\"wp-image-50462 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-273x300.webp 273w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-931x1024.webp 931w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-768x844.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-1397x1536.webp 1397w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-600x660.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-1200x1319.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-730x803.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-1460x1605.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-784x862.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-1568x1724.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-877x964.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1759;\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\">10. Scegli I Tuoi Caratteri Con Cura<\/h3>\n\n\n<p>\u00c8 importante trovare un equilibrio tra branding e leggibilit\u00e0 quando <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/best-google-fonts\/\" rel=\"noopener\">scegli i caratteri<\/a> per le tue email. In generale, per\u00f2, daremmo probabilmente la priorit\u00e0 alla leggibilit\u00e0, che \u00e8 fortemente influenzata dalla scelta dei caratteri.<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Per intestazioni e brevi blocchi di testo<\/strong>, opta per font senza grazie (sans-serif) che siano puliti, moderni e visualizzabili chiaramente su molti schermi. Questi font tendono ad essere i pi\u00f9 leggibili in piccole dosi e grandi dimensioni, rendendoli ideali per titoli e altri frammenti che attirano l&#8217;attenzione.<\/li>\n\n\n\n<li><strong>Per paragrafi pi\u00f9 lunghi<\/strong>, i font con grazie (serif) sono tipicamente pi\u00f9 facili da leggere. Ecco perch\u00e9 molti giornali e riviste utilizzano font con grazie per testi pi\u00f9 estesi.<\/li>\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1005\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts.webp\" alt=\"sans serif rispetto a serif mostrando le parti ricciolate della lettera &quot;A&quot; che rendono un font un serif\" class=\"wp-image-50463 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1024x643.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-768x482.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1536x965.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-600x377.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1200x754.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-730x459.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1460x917.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-784x492.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1568x985.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-877x551.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1005;\" \/><\/figure>\n\n\n<p>Oltre a scegliere il giusto stile, vuoi anche <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/web-safe-fonts\/\" rel=\"noopener\">dare priorit\u00e0 ai font sicuri per il web<\/a>, che sono ampiamente supportati dalla maggior parte dei browser web, client di posta elettronica e sistemi operativi. Utilizzare font sicuri per il web garantisce che le tue email appariranno come intendevi, che siano aperte in Gmail, Outlook o qualsiasi altro servizio popolare.<\/p>\n\n\n<p>I caratteri sans-serif sicuri per il web pi\u00f9 popolari includono:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-family: Arial;\">Arial<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Helvetica;\">Helvetica<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Verdana;\">Verdana<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Tahoma;\">Tahoma<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Lucida Sans;\">Lucida Sans<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Geneva;\">Geneva<\/span><\/li>\n\n\n<\/ul>\n\n\n<p>I font serif sicuri per il web comuni includono:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-family: Times New Roman;\">Times New Roman<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Garamond;\">Garamond<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Georgia;\">Georgia<\/span><\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">11. Dimensione del Carattere tra 10 e 16 Punti<\/h3>\n\n\n<p>La dimensione del carattere \u00e8 importante tanto quanto lo stile del carattere. Si tratta anche di branding combinato con equilibrio.<\/p>\n\n\n<p>Anche se non ci sono standard rigidi per le dimensioni dei caratteri nelle email, \u00e8 <strong>meglio mantenere il tuo carattere sopra la dimensione di 10 punti, <\/strong>poich\u00e9 dimensioni inferiori possono risultare difficili da leggere.<\/p>\n\n\n<p>Dall&#8217;altro lato, 16 punti \u00e8 una dimensione piuttosto grande, ma tutto ci\u00f2 che supera tale misura ha il potenziale per apparire distorto o &#8220;rompere&#8221; il tuo design su alcune piattaforme di email.<\/p>\n\n\n<p>\u00c8 importante ricordare che le linee guida sull&#8217;accessibilit\u00e0 raccomandano un font di almeno 16 punti. Per trovare la misura pi\u00f9 adatta, ti consigliamo vivamente di sperimentare con la dimensione per vedere cosa funziona meglio per il tuo stile di email tipico su piattaforme, dispositivi e lettori di schermo.<\/p>\n\n\n<h3 class=\"wp-block-heading\">12. Considera l&#8217;Impatto dei Colori<\/h3>\n\n\n<p>Il colore, ovviamente, influisce sul modo in cui le tue email vengono percepite.<\/p>\n\n\n<p>Non solo i colori aiutano a rappresentare il tuo marchio, possono anche <strong>influenzare la leggibilit\u00e0 e informare i destinatari della gerarchia dei contenuti.<\/strong><\/p>\n\n\n<p>Considera il tono che vuoi trasmettere quando usi il colore nelle email. Mentre il blu che molti siti web usano famosamente (Facebook, Dell, ecc.) pu\u00f2 suscitare fiducia, il giallo pu\u00f2 migliorare l&#8217;umore, il verde pu\u00f2 introdurre pace e il nero pu\u00f2 aiutarti a trasmettere un messaggio pi\u00f9 sobrio (o lussuoso).<\/p>\n\n\n<p>Come utilizzi i colori insieme \u00e8 altrettanto importante. Per 40 idee diverse su come combinare i colori per trasmettere il tuo messaggio in modo chiaro e forte, non perdere la nostra recente guida ai <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/website-color-schemes\/\" rel=\"noopener\">schemi di colore del sito web<\/a>.<\/p>\n\n\n<h3 class=\"wp-block-heading\">13. Non Dimenticare la Modalit\u00e0 Scura<\/h3>\n\n\n<p>La piattaforma di email Litmus ha scoperto che circa il <a target=\"_blank\" href=\"https:\/\/www.litmus.com\/blog\/email-client-market-share-infographic\" rel=\"noopener\">35% dei loro abbonati<\/a> (e in aumento) che usano l&#8217;email di Apple visualizzano le loro email in modalit\u00e0 scura: una impostazione che scurisce lo schema di colori di tutto ci\u00f2 che un destinatario vede sul proprio dispositivo.<\/p>\n\n\n<p>Molti client di posta elettronica cercano di adattare automaticamente le email per la modalit\u00e0 scura, ma questo processo non \u00e8 sempre impeccabile. Per garantire che le tue email appaiano al meglio sia in ambienti chiari che scuri, considera quanto segue:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Usa PNG trasparenti<\/strong> perch\u00e9 queste immagini non hanno uno sfondo. Utilizzando i PNG trasparenti, eviti contrasti di sfondo imbarazzanti quando la tua email passa da chiaro a scuro.<\/li>\n\n\n\n<li><strong>Contorna i loghi neri con bianco<\/strong> perch\u00e9 se una parte del tuo logo \u00e8 nera, pu\u00f2 confondersi con uno sfondo scuro e sembrare brutto, davvero velocemente. Per evitare ci\u00f2, aggiungi un sottile bordo bianco intorno agli elementi neri. Questo li rende visibili in modalit\u00e0 scura mentre permette loro di fondersi senza problemi se lo sfondo \u00e8 bianco.<\/li>\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"900\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode.webp\" alt=\"il lato sinistro mostra un logo che appare in modalit\u00e0 scura senza bordo e poco leggibile rispetto a un logo con un bordo bianco cos\u00ec si mostra in modalit\u00e0 scura\" class=\"wp-image-50465 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-300x169.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1024x576.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-768x432.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1536x864.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-600x338.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1200x675.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-730x411.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1460x821.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-784x441.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1568x882.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-877x493.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/900;\" \/><\/figure>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ottimizzare i colori per entrambe le palette<\/strong> significa che i colori sui tuoi pulsanti, link, icone e altrove possono apparire completamente diversi in modalit\u00e0 scura rispetto a quello a cui sei abituato. Per evitare contrasti scarsi, colori vistosi o problemi di leggibilit\u00e0, considera di attenuare leggermente le tue tonalit\u00e0 per assicurarti che siano piacevoli per gli occhi in tutte le modalit\u00e0.<\/li>\n\n\n\n<li><strong>Testa! Testa! Testa! <\/strong>Una volta che hai progettato la tua email per la modalit\u00e0 scura, \u00e8 importante testare come viene visualizzata. Invia un&#8217;email di prova a te stesso e controlla il suo aspetto sia in modalit\u00e0 chiara che scura su diversi client di posta.&nbsp;<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">14. Una Copia Email Accessibile \u00c8 Fondamentale<\/h3>\n\n\n<p>Dato che l&#8217;email \u00e8 un&#8217;estensione del tuo marchio, la progettazione dell&#8217;accessibilit\u00e0 delle email \u00e8 altrettanto importante quanto la progettazione dell&#8217;accessibilit\u00e0 di <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/make-your-website-accessible\/\" rel=\"noopener\">siti web<\/a>.<\/p>\n\n\n<p>Ecco un promemoria per assicurarti che le tue email siano belle e fruibili per tutti i destinatari:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Assicurati che le informazioni importanti<\/strong> \u2014 codici promozionali, date, orari e CTAs \u2014 siano presentate almeno una volta in formato testuale, anzich\u00e9 essere solo incorporate nelle immagini. Questo garantisce che tutti i destinatari, inclusi coloro che utilizzano lettori di schermo o con immagini disabilitate, possano comunque accedere ai contenuti cruciali.<\/li>\n\n\n\n<li><strong>Usa il testo alternativo per le immagini<\/strong>. Se un iscritto ha le immagini disattivate, il testo alternativo fornir\u00e0 comunque contesto e trasmetter\u00e0 il messaggio.&nbsp;<\/li>\n\n\n\n<li><strong>Si raccomanda un dimensione minima del carattere di 16 punti<\/strong> per garantire la leggibilit\u00e0.<\/li>\n\n\n\n<li><strong>Allinea il testo a sinistra<\/strong> poich\u00e9 il testo allineato a sinistra \u00e8 pi\u00f9 facile da leggere rispetto ai paragrafi centrati, che possono interrompere il flusso per i lettori.<\/li>\n\n\n\n<li><strong>Lettere e righe troppo vicine<\/strong> possono ridurre la leggibilit\u00e0, quindi fornisci spazio sufficiente tra di loro.<\/li>\n\n\n\n<li><strong>Dipendere esclusivamente dal colore per trasmettere tutto il tuo significato pu\u00f2 essere confuso<\/strong> per coloro che sono affetti da daltonismo. Inoltre, la maggior parte dei lettori di schermo non interpreta i colori. Usa invece testo e icone in aggiunta al colore per trasmettere le informazioni.<\/li>\n\n\n\n<li><strong>Fai risaltare il testo<\/strong> chiaramente sullo sfondo creando un forte contrasto di colore. Si raccomanda un rapporto di contrasto di almeno 4,5:1 per garantire la leggibilit\u00e0 per tutti gli utenti.<\/li>\n\n\n<\/ul>\n\n\n<p>Se non hai mai dovuto controllare il contrasto di un design prima d&#8217;ora, ci sono molti strumenti gratuiti disponibili online \u2014 <a target=\"_blank\" href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" rel=\"noopener\">come questo di WebAIM<\/a>.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"997\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios.webp\" alt=\"rapporti di contrasto da basso ad alto dimostrando che i rapporti pi\u00f9 elevati sono migliori, 5:1, 6:1 e 21:1\" class=\"wp-image-50466 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-300x187.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1024x638.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-768x479.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1536x957.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-600x374.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1200x748.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-730x455.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1460x910.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-784x489.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1568x977.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-877x546.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/997;\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\">15. Test A\/B e Iterazioni<\/h3>\n\n\n<p>Uno dei passaggi pi\u00f9 cruciali per garantire un design dell&#8217;email di successo \u00e8 <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/a-b-testing\/\" rel=\"noopener\">eseguire test A\/B<\/a>.<\/p>\n\n\n<p>Questo processo implica la creazione di due versioni di un&#8217;email e l&#8217;invio di ciascuna a segmenti diversi della tua lista di iscritti. Analizzando i risultati \u2014 come tassi di apertura, tassi di clic o conversioni \u2014 puoi determinare quale versione risuona di pi\u00f9 con il tuo pubblico.<\/p>\n\n\n<p>Copriamo i passaggi veloci ed essenziali per eseguire un test A\/B via email:<\/p>\n\n\n<p><strong>Passo 1: Definisci Cosa Testerai<\/strong>. Concentrati su un singolo elemento per volta, come il layout del testo dell&#8217;email, il numero di immagini o il colore del pulsante CTA. Questo ti permette di isolare l&#8217;impatto di ogni modifica.<\/p>\n\n\n<p><strong>Passo 2: Segmenta<\/strong>. Dividi la tua lista di iscritti in due gruppi uguali per un confronto equo. Assicurati che entrambi i gruppi rappresentino adeguatamente il tuo pubblico generale.<\/p>\n\n\n<p><strong>Passo 3: Imposta Obiettivi<\/strong>. Determina l&#8217;aspetto del successo. Stai puntando a pi\u00f9 aperture, tassi di clic pi\u00f9 elevati o maggiori conversioni? Avere un obiettivo chiaro guider\u00e0 la tua analisi.<\/p>\n\n\n<p><strong>Passaggio 4: Analizza i risultati<\/strong>. Una volta inviate le email, confronta le metriche in base ai tuoi obiettivi. Identifica quale versione ha avuto migliori risultati e perch\u00e9.<\/p>\n\n\n<p><strong>Passo 5: Implementa le conoscenze<\/strong>. Applica gli elementi vincenti ai futuri design delle email e continua a testare altri componenti, per mantenere il miglioramento continuo.<\/p>\n\n\n<h2 id=\"h2_4-more-resources-for-website-and-email-marketing-success\" class=\"wp-block-heading\">4 Risorse Ulteriori per il Successo di Siti Web e Email Marketing<\/h2>\n\n\n<p>Cerchi altri modi per raggiungere l&#8217;eccellenza nel design di email e siti web?<\/p>\n\n\n<p>Abbiamo raccolto alcune delle nostre risorse preferite per ottenere ancora pi\u00f9 successo quando navighi nel mondo del marketing online:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Per un rinnovamento del design web o un primo corso intensivo<\/strong>, non perdere i <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/elements-of-webdesign\/\" rel=\"noopener\">7 Elementi Base del Design Web<\/a>.&nbsp;<\/li>\n\n\n\n<li><strong>Stai cercando di decidere se \u00e8 il momento di investire in un aggiornamento digitale?<\/strong> Scopri <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/time-for-website-redesign\/\" rel=\"noopener\">\u00c8 il Momento di Ridisegnare il Sito? 7 Modi per Capirlo<\/a>.&nbsp;<\/li>\n\n\n\n<li><strong>Hai deciso che il tuo sito web ha bisogno di una ristrutturazione?<\/strong> Permettici di essere la tua guida in <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/website-redesign-checklist\/\" rel=\"noopener\">La Tua Checklist per un Incredibile Restyling del Sito<\/a>.&nbsp;<\/li>\n\n\n\n<li><strong>Il design non \u00e8 <em>tutto<\/em>. Anche la capacit\u00e0 di consegna \u00e8 fondamentale per il successo del marketing via email.<\/strong> <a href=\"https:\/\/shareasale.com\/r.cfm?b=834775&amp;u=4337179&amp;m=64312&amp;urllink=wpmailsmtp%2Ecom%2Fpricing%2F&amp;afftrack=DHblog\" target=\"_blank\" rel=\"noopener\">WP Mail SMTP<\/a> aumenta l&#8217;affidabilit\u00e0 dell&#8217;email per gli utenti di WordPress.<\/li>\n\n\n<\/ul>\n\n\n<h2 id=\"h2_which-best-practices-for-email-campaigns-will-you-try\" class=\"wp-block-heading\">Quali Migliori Pratiche Per Le Campagne Email Proverai?<\/h2>\n\n\n<p>Proprio cos\u00ec (OK, \u00e8 stato un po&#8217; lungo, scusa!), ora hai a disposizione 15 comprovate migliori pratiche di design delle email nel tuo toolkit, dall&#8217;ottimizzazione per i dispositivi mobili e la creazione di gerarchie chiare alla scelta dei font giusti, apprendendo i segreti degli spazi bianchi e, naturalmente, il test A\/B.<\/p>\n\n\n<p>Il prossimo passo \u00e8 abbastanza semplice \u2014 esci e inizia ad applicare questi consigli alle tue campagne email e vedi i risultati di persona!<\/p>\n\n\n<p>Senti la pressione ora pi\u00f9 che mai? Rallenta, abbiamo proprio la soluzione.<\/p>\n\n\n<p>Per quei lettori che hanno bisogno di ottenere pi\u00f9 abbonati, visitatori e vendite ma semplicemente <em>non<\/em> hanno tempo di aggiornare il loro sito web e le campagne di marketing, date un&#8217;occhiata al nostro <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/pro-services\/marketing\/\" rel=\"noopener\">team di Servizi Professionali<\/a>.<\/p>\n\n\n<p>Dal SEO ai social media e oltre, i nostri esperti diversificati e competenti possono fare esattamente ci\u00f2 di cui hai bisogno per potenziare l&#8217;esperienza di marketing e aiutare a far crescere la tua piccola impresa.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>","protected":false},"excerpt":{"rendered":"<p>Vuoi catturare l&#8217;attenzione del tuo pubblico con email progettate alla perfezione? Queste 15 migliori pratiche di design delle email possono ottenere risultati potenti \u2014 provale e vedrai!<\/p>\n","protected":false},"author":1061,"featured_media":50445,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Vuoi catturare il tuo pubblico con email progettate in modo impeccabile? Queste 15 migliori pratiche di design email possono portare risultati potenti \u2014 provale e vedrai!","toc_headlines":"[[\"h-what-do-we-mean-by-email-newsletter-design\",\"Cosa Intendiamo Con Il Design Delle Newsletter Via Email?\"],[\"h2_why-email-design-matters\",\"Perch\u00e9 Il Design Delle Email \u00c8 Importante\"],[\"h2_15-email-design-best-practices\",\"15 Migliori Pratiche per il Design delle Email\"],[\"h2_4-more-resources-for-website-and-email-marketing-success\",\"4 Risorse Ulteriori per il Successo di Siti Web e Email Marketing\"],[\"h2_which-best-practices-for-email-campaigns-will-you-try\",\"Quali Migliori Pratiche Per Le Campagne Email Proverai?\"]]","hide_toc":false,"footnotes":""},"categories":[15054],"tags":[],"class_list":["post-68738","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-it"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>La Tua Guida al Design delle Email: 15 Migliori Pratiche per l&#039;Email Marketing - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Vuoi catturare il tuo pubblico con email progettate in modo impeccabile? Queste 15 migliori pratiche di design email possono portare risultati potenti \u2014 provale e vedrai!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"La Tua Guida al Design delle Email: 15 Migliori Pratiche per l&#039;Email Marketing\" \/>\n<meta property=\"og:description\" content=\"Vuoi catturare il tuo pubblico con email progettate in modo impeccabile? Queste 15 migliori pratiche di design email possono portare risultati potenti \u2014 provale e vedrai!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-28T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T20:18:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Justin Lorenc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Justin Lorenc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"La Tua Guida al Design delle Email: 15 Migliori Pratiche per l'Email Marketing - DreamHost Blog","description":"Vuoi catturare il tuo pubblico con email progettate in modo impeccabile? Queste 15 migliori pratiche di design email possono portare risultati potenti \u2014 provale e vedrai!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/","og_locale":"en_US","og_type":"article","og_title":"La Tua Guida al Design delle Email: 15 Migliori Pratiche per l'Email Marketing","og_description":"Vuoi catturare il tuo pubblico con email progettate in modo impeccabile? Queste 15 migliori pratiche di design email possono portare risultati potenti \u2014 provale e vedrai!","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-10-28T14:00:00+00:00","article_modified_time":"2025-06-11T20:18:54+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","type":"image\/jpeg"}],"author":"Justin Lorenc","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Justin Lorenc","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/"},"author":{"name":"Justin Lorenc","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/a90bf07c44c60e052befbc7cffb482eb"},"headline":"La Tua Guida al Design delle Email: 15 Migliori Pratiche per l&#8217;Email Marketing","datePublished":"2024-10-28T14:00:00+00:00","dateModified":"2025-06-11T20:18:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/"},"wordCount":4067,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","articleSection":["Marketing"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/","name":"La Tua Guida al Design delle Email: 15 Migliori Pratiche per l'Email Marketing - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","datePublished":"2024-10-28T14:00:00+00:00","dateModified":"2025-06-11T20:18:54+00:00","description":"Vuoi catturare il tuo pubblico con email progettate in modo impeccabile? Queste 15 migliori pratiche di design email possono portare risultati potenti \u2014 provale e vedrai!","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","width":1460,"height":1095},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/la-tua-guida-al-design-delle-email-15-migliori-pratiche-per-l8217email-marketing-it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"La Tua Guida al Design delle Email: 15 Migliori Pratiche per l&#8217;Email Marketing"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/a90bf07c44c60e052befbc7cffb482eb","name":"Justin Lorenc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-27-at-10.26.05-AM-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-27-at-10.26.05-AM-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-27-at-10.26.05-AM-150x150.png","caption":"Justin Lorenc"},"description":"Justin is a Digital Marketing Email Specialist based in Boston, MA. He is responsible for improving the value and success of our email marketing campaigns here at DreamHost. In his free time, he enjoys playing guitar, running, reading, and eating a good meal. Connect with him on LinkedIn.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/justinlorenc\/"}]}},"lang":"it","translations":{"it":68738,"en":50449,"es":50432,"de":52163,"pl":52169,"pt":56831,"ru":56841,"uk":56844,"fr":71050,"nl":71086},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/68738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1061"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=68738"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/68738\/revisions"}],"predecessor-version":[{"id":68740,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/68738\/revisions\/68740"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/50445"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=68738"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=68738"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=68738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}