La spaziatura in un’email aiuta il lettore a capire quali elementi appartengono allo stesso gruppo. Un titolo, la relativa spiegazione e il pulsante devono essere più vicini tra loro rispetto a due storie di prodotto distinte. Se ogni spazio è uguale, anche una breve campagna Shopify può sembrare affollata o poco connessa. Usa una scala ridotta e coerente e controlla che i gruppi restino chiari quando il layout si adatta al mobile.
Raggruppa gli elementi in base al significato
Tieni il nome del prodotto vicino all’immagine e al prezzo. Avvicina la spiegazione all’azione che supporta. Usa uno spazio maggiore tra sezioni diverse che tra elementi collegati della stessa sezione. Così il lettore vede la struttura del messaggio prima ancora di leggere ogni parola.
Imposta questo schema in un modello Sendvio riutilizzabile. Scegli pochi valori di spaziatura e usali con coerenza invece di regolare ogni blocco a occhio. Il modello deve permettere al contenuto di crescere quando un titolo va a capo.
Usa una scala limitata invece di spazi casuali
Scegli pochi livelli di spaziatura e assegna a ciascuno uno scopo. Come punto di partenza, uno spazio ridotto può unire il nome del prodotto al prezzo, uno medio può separare la spiegazione dall’azione e uno più ampio può introdurre una nuova sezione. I valori precisi dovrebbero adattarsi al modello: conta più la coerenza tra le relazioni che un numero specifico.
Per esempio, puoi provare 8, 16 e 32 pixel per questi tre livelli e poi modificare i valori dopo aver visualizzato l’email inviata. Non applicare lo spazio più grande tra ogni paragrafo. Se tutto è separato allo stesso modo, i dettagli collegati sembrano scollegati e l’email diventa inutilmente lunga.
L’interlinea svolge un compito diverso. Separa le righe all’interno del paragrafo perché l’occhio possa seguirle comodamente. I margini del paragrafo separano invece pensieri completi. Un margine molto ampio non corregge righe troppo compresse e un’interlinea maggiore non distingue chiaramente due sezioni diverse. Modifica il livello giusto per il problema che osservi.
Evita gli spazi vuoti senza una funzione
Spazi molto ampi possono far sembrare scollegato un messaggio breve, soprattutto sul telefono. Controlla se un blocco ad altezza fissa o un separatore non necessario spingono l’azione troppo lontano dalla spiegazione. Correggi la causa strutturale invece di rimpicciolire il testo per riempire una forma scomoda.
Mantieni un’interlinea comoda nei paragrafi ed evita colonne di testo troppo larghe. Un paragrafo breve è più facile da seguire quando le righe restano collegate senza essere troppo ravvicinate. Prima di approvare la spaziatura, visualizza in anteprima titoli prodotto lunghi e versioni in altre lingue.
Individua la causa dello spazio prima di cambiare il testo
Se compare una grande area vuota sotto un titolo breve, controlla le altezze fisse, i blocchi spaziatore e il padding del titolo e del componente successivo. Due impostazioni ragionevoli, sommate, possono produrre un vuoto eccessivo. Elimina la duplicazione invece di ridurre la dimensione del carattere per occupare lo spazio.
Quando le colonne si dispongono una sotto l’altra su mobile, verifica che gli spaziatori di allineamento desktop non restino in mezzo ai blocchi impilati. Un separatore usato per allineare i pulsanti tra schede può diventare uno spazio vuoto inutile sotto una descrizione breve. Preferisci componenti che si adattino al contenuto e un ordine verticale che mantenga ogni prodotto come un’unica unità.
Controlla prima la scansione e poi la lettura
Osserva l’email per qualche secondo e individua la promessa e l’azione principale. Se diversi blocchi sembrano ugualmente importanti, semplifica la gerarchia. Poi leggi tutto il messaggio per verificare che i gruppi visivi corrispondano al significato.
Controlla il layout stretto dopo che le colonne si sono impilate. Lo spazio che appariva corretto tra schede affiancate può risultare eccessivo in verticale. Una buona spaziatura rende il contenuto intenzionale in entrambi i formati, senza dipendere da interruzioni manuali di riga o da una quantità specifica di testo.
Prova il modello con i contenuti realistici più brevi e più lunghi. Un titolo breve non dovrebbe lasciare un pulsante scollegato e un titolo lungo non dovrebbe sovrapporsi al prezzo. Includi una traduzione, una riga facoltativa mancante e un prodotto senza immagine. La spaziatura dovrebbe adattarsi senza richiedere una riprogettazione manuale per ogni campagna.
Concludi con due verifiche: scorri rapidamente per trovare promessa e azione, poi leggi con attenzione per controllare la sequenza. Se il layout sembra ordinato ma il pulsante è a molte schermate di distanza dalla spiegazione a cui appartiene, il raggruppamento va ancora rivisto. La spaziatura è utile perché comunica le relazioni prima ancora che il cliente decida di leggere ogni frase.