Supporto per il rendering di posta elettronica di Windows 10 e stranezze

Windows 10 Mail è uno dei client di posta elettronica più recenti da aggiungere alle anteprime. Per aiutarti a ottenere il massimo dalle tue anteprime e-mail, abbiamo evidenziato com'è il suo supporto per il rendering delle e-mail e tutte le stranezze che puoi aspettarti di vedere in esso.

Windows 10 è il successore del sistema operativo Windows 8 di Microsoft, rilasciato ai consumatori nel luglio 2015. Inizialmente Windows 10 era offerto come aggiornamento gratuito a qualsiasi cliente con una copia legittima di Windows 7 o 8. Entro ottobre 2015 Microsoft ha riferito che c'erano oltre 110 milioni di dispositivi con Windows 10 installato e, a partire da giugno 2016, tale numero è salito a quasi 350 milioni di dispositivi.

Mentre Outlook è solitamente il client di posta elettronica che assoceresti a un ambiente Windows, Windows 10 ha la sua app di posta predefinita: Windows Mail. L'app Windows Mail è stata inclusa nei sistemi operativi Windows Vista, 8 e 10.

Gli utenti possono utilizzare i propri account Gmail, Yahoo, iCloud, AOL e IMAP personalizzati: non è necessario un account Microsoft. Questo, combinato con il fatto che l'app Mail è gratuita con Windows 10, rende l'app un client di posta elettronica incredibilmente accessibile.

Le aperture complessive del desktop in Windows 10 Mail sono aumentate da poco meno del 3% a marzo 2016 a quasi il 6% entro luglio 2016, con un aumento mensile rispetto alla quota di mercato del mese precedente. Questo costante aumento della quota di mercato è un'indicazione che i marketer di posta elettronica devono essere consapevoli di questo client di posta elettronica sempre più popolare.

I tuoi abbonati si aprono in Windows 10 Mail? Scopri dove i tuoi iscritti aprono la posta elettronica e concentra i tuoi sforzi di sviluppo e test sui client e i dispositivi che contano di più. Esplora l'analisi della posta elettronica →

Visualizzazione dell'app

Ci sono pochissime opzioni di personalizzazione della visualizzazione delle app disponibili per gli utenti in Windows 10 Mail. Ad esempio, non puoi aggiungere cartelle al riquadro sinistro della finestra. La visualizzazione predefinita mostra tre colonne, con l'e-mail selezionata dall'utente mostrata nel riquadro di destra.

L'intera finestra di Mail può essere ridotta comprimendo la colonna di sinistra.

Con questa visualizzazione a tre colonne, il riquadro di destra in cui verranno visualizzate le e-mail potrebbe essere restrittivo in larghezza, a seconda della risoluzione impostata dall'utente. Per avere il minor scorrimento orizzontale possibile per gli utenti di Windows 10 Mail, mantieni la larghezza massima delle tue e-mail a 650 px.

L'involucro

I tuoi messaggi di posta elettronica dal nome, la riga dell'oggetto e il testo di anteprima sono tutti visibili agli utenti di Windows 10 Mail nella visualizzazione dell'elenco della posta in arrivo. Il nome del mittente è la parte più visibile della busta dell'e-mail nella vista degli elenchi di e-mail. L'utilizzo di un nome riconoscibile e coerente aiuterà gli abbonati a trovare rapidamente le tue e-mail.

Per quanto riguarda la riga dell'oggetto e il testo di anteprima, hai 34 caratteri per entrambi, per coinvolgere il tuo abbonato abbastanza da aprire la tua email. Il testo di anteprima viene visualizzato direttamente sotto la riga dell'oggetto, quindi assicurati di creare il testo di anteprima tenendo presente la riga dell'oggetto.

Come appaiono le tue email in Windows 10 Mail?

Gli sviluppatori di posta elettronica dovrebbero avere familiarità con alcune delle stranezze del modo in cui l'app Mail di Windows 10 esegue il rendering dell'HTML. Poiché utilizza Microsoft Word come motore di rendering, molte delle stranezze di rendering che gli sviluppatori di posta elettronica sperimentano in Outlook verranno riscontrate anche in Windows 10 Mail.

Immagini di sfondo

Le immagini di sfondo, come in Outlook, non sono supportate. La soluzione ideale per combattere questo problema in Outlook 2007/10/13 utilizza una combinazione di VML e HTML per abilitare le immagini di sfondo. Tuttavia, questo non funziona in Windows 10 Mail.

Questo dovrebbe fungere da promemoria per non utilizzare immagini di sfondo per visualizzare messaggi importanti nella tua e-mail. Tuttavia, possono essere utilizzati come bonus aggiuntivo o come tocco finale per i progetti di posta elettronica. Se utilizzi immagini di sfondo nelle tue e-mail, assicurati di eseguire test approfonditi e di disporre di fallback, ad esempio un colore di sfondo, per quando le immagini di sfondo non sono supportate.

Caratteri Web

Anche i caratteri Web purtroppo non sono supportati. Tuttavia, a differenza di Outlook, in cui è necessario utilizzare un hack in modo che i caratteri Web non ritornino a Times New Roman, questo non è necessario in Windows 10 Mail. Finché c'è un carattere sicuro per il web nella tua famiglia di caratteri, quel carattere verrà visualizzato in Windows 10 Mail.

 font-family: ProximaNova-Regular, Arial, sans-serif;

Nell'esempio sopra, il carattere sicuro per il Web Arial eseguirà il rendering per gli utenti di Windows 10 Mail.

Ora disponibile in tutti gli account Litmus Registrati oggi stesso per un account Litmus per iniziare a testare le tue e-mail nell'app Windows 10 Mail. Prova il tornasole →

Collegamento automatico e sottolineatura

Un'altra stranezza del rendering che non è nuova per gli sviluppatori è il collegamento automatico di indirizzi postali e numeri di telefono, in blu e con una sottolineatura tratteggiata.

Una funzionalità utile per gli utenti su dispositivi mobili ma una seccatura sui dispositivi desktop. Piuttosto che utilizzare un hack per rimuovere completamente questa funzionalità, questi collegamenti possono essere stilizzati in modo che corrispondano al design della tua email.

Avvolgi indirizzi e numeri di telefono in <span> e nel <head> della tua email crea una classe per modellare questi link:

 .addressLink a {color:#c0c0c0!important; text-decoration:none!important;}

Nell'HTML avvolgere qualsiasi indirizzo in un <span>, che si desidera avere in stile per abbinare il design dell'e-mail, con il nome di classe appropriato:

 <span class="addressLink">123 Avenue Road, USA, Earth</span>

Scopri di più su questa stranezza nella community, dove il membro della community James White ha approfondito il motivo per cui ciò accade in Windows 10 Mail.

Windows 10 Mail è anche colpevole di sottolineare automaticamente i collegamenti nella posta elettronica, anche quando il CSS inline per un collegamento definisce esplicitamente il collegamento in modo che non abbia una sottolineatura. La correzione è semplice.

Luogo:

 a {text-decoration: none;}

Nel <head> nel tuo blocco <style> del tuo codice email. Ora tutti i link nella tua email non avranno una sottolineatura. Lo sfortunato svantaggio di questo è che se vuoi che alcuni link nella tua email abbiano una sottolineatura, l'attributo "text-decoration" deve essere reimpostato in linea, per link.

Mentre aggiungi il bit di CSS sopra nel tuo blocco <style>, potresti anche prendere in considerazione l'aggiunta di CSS allo stile dei link visitati poiché questi avranno uno stile predefinito collegato ad essi.

Aggiungi semplicemente:

 a:visited {color:#c0c0c0; text-decoration:none;}

Al tuo blocco <style> per definire lo stile dei link visitati.

Gif animate

Non dovrebbe essere una sorpresa sapere che le gif animate non sono supportate in Windows 10 Mail. Simile a Outlook, all'utente apparirà solo il primo fotogramma dell'animazione nella gif. Quindi fai in modo che il primo fotogramma conti.

Inviaci i tuoi bug

Invia il tuo feedback e bug di rendering inviando un'e-mail a [email protected]. Litmus sta raccogliendo bug che la comunità trova nel tentativo di migliorare la posta elettronica. Ulteriori informazioni sulla partnership Microsoft.