Web Design  »  Articoli  »  Web design 

Questa è la traduzione dell'articolo Rock Solid HTML Emails di David Greiner pubblicato originariamente su 24 Ways il 13 dicembre 2009.

Prima o poi, nel corso della vostra carriera, vi verrà chiesto da qualche cliente di progettare un e-mail in HTML. Prima di affrettarvi a spiegare che la gente ormai usa solo i social network, tenete in mente che quando una campagna viene concepita e realizzata correttamente, l'e-mail è ancora uno dei mezzi più efficaci per promuovere l'attività vostra e del cliente online. Infatti, un recente sondaggio ha mostrato che ogni dollaro speso in e-mail marketing quest'anno ha generato un ritorno di più di $40. È una cifra superiore a quella di qualunque altro canale di marketing, inclusi quelli oggi ritenuti di moda.

Sono tanti gli ingredienti che contribuiscono ad una buona campagna di e-mail marketing. Le gestione dei permessi, la rilevanza, la puntualità e un contenuto interessante sono tutti importanti, ma la sfida più grande per un designer rimane ancora quella di progettare un e-mail che viene visualizzata al meglio nei principali programmi di posta elettronica.

Uguale, ma differente

Prima di scendere nei dettagli, è necessario soffermarsi su alcune questioni di base di cui quelli che si apprestano per la prima volta a progettare e-mail in HTML devono essere consapevoli. Realizzare un e-mail non è come sviluppare per il web. Mentre i browser web continuano la loro marcia in direzione degli standard, molti programmi di posta elettronica sono rimasti fermi. Alcuni hanno addirittura fatto dei passi indietro. Nel 2007, Microsoft ha sostituito su Outlook il motore di rendering di Internet Explorer con quello di Word. Sì, parlo proprio del programma di scrittura! Aggiungete a ciò i problemi di applicazioni web per l'e-mail come Gmail e Hotmail, mettete uno spruzzo di Lotus Notes e capirete facilmente quanto sia differente la partita dell'e-mail rispetto a quella del web.

Nonostante, comunque, si tratti di una sfida, non è detto che non si possa fare. Nella mia esperienza ho imparato che è cruciale concentrarsi su tre fattori chiave.

Prima di tutto, bisogna fare il possibile per mantenere tutto semplice. Più complesso è il design della nostra e-mail, più sarà probabile incappare in problemi su qualcuno dei più diffusi client di posta elettronica che non hanno un buon supporto degli standard.

In secondo luogo, dovrete rispolverare le vostre conoscenze nella strutturazione di codice che risalgono ad una decina di anni fa. Ciò significa che spesso vi ritroverete ad annidare tabelle, a mettere parti di CSS nel codice HTML e a seguire le altre linee guida che illustrerò di seguito.

Infine, dovrete testare il vostro design regolarmente. Se un template viene visualizzato bene su Hotmail ora, non significa che lo sarà la settimana prossima.

Impostare un minimo comun denominatore

Per non impazzire, è una buona idea decidere esattamente quali applicazioni intendete supportare realizzando una e-mail in HTML. Se è utile ricorrere a ricerche globali, considerate che i programmi di posta che i vostri sottoscrittori usano possono variare significativamente da caso a caso. Se avete tempo, c'è un buon numero di strumenti che possono dirvi in maniera specifica quali programmi vengono usati dai vostri sottoscrittori. Credetemi, se i test mostrano che almeno uno di loro usa Lotus Notes, evitatevi la frustrazione e ignoratelo.

Sapere per quali applicazioni state progettando il design non solo semplifica il processo, può anche farvi risparmiare molto tempo nella fase dei test. Per lo scopo di questo articolo, condividerò alcune tecniche che danno i migliori risultati su tutti i programmi più popolari, inclusi Gmail, Lotus Notes 6 e Outlook 2007. Ricordate comunque che la perfezione al pixel quando si lavora per questo tipo di applicazioni è praticamente un'utopia.

Iniziamo.

Altri articoli

Altre guide

Altre newsletter