Home Blog Email rendering in de Outlook app

Deel dit artikel

Email rendering in de Outlook app

Email rendering in de Outlook app

Geschreven door Team e-Village / 21 juli 2017 / Techniek

Er zijn veel applicaties van derden beschikbaar op iOS en Android om je e-mails te lezen. Sinds iOS 10 kunnen iOS-gebruikers zelfs de standaard iOS Mail-app verwijderen, vooral als ze liever gebruikmaken van een andere app. De ondersteuning tussen deze apps kan variëren, zelfs tussen de standaard Mail-apps op iOS en Android.

Een van deze apps is de Outlook app. De Outlook app ondersteunde responsive e-mails en de ondersteuning van HTML en CSS was top. Hierdoor maakten wij als e-maildevelopers ons weinig zorgen over de rendering van e-mails in deze app.

De Outlook app is van Microsoft, maar gebaseerd op de app Accompli die Microsoft destijds heeft gekocht. Helaas heeft Microsoft er een handje van om de rendering van HTML en CSS in haar e-mailprogramma's niet altijd even serieus te nemen. Maar misschien zorgt het partnership met Litmus voor verbetering.

Zo ook voor de Outlook app. Sinds december 2016 kwamen er wijzigingen aan het licht qua rendering van e-mails in de Outlook app op een aantal Android apparaten. Zo werden media queries niet meer ondersteund en zelfs inline styles werden niet meer gerespecteerd. In januari 2017 werd het nog erger en was deze situatie van toepassing in de Outlook app op alle Android apparaten. Daarnaast was de ondersteuning voor media queries in de iOS variant ook weg en werden ook hier responsive e-mails niet meer weergegeven zoals bedoeld.

Dit viel op bij meerdere e-maildevelopers wereldwijd en het leek mede te liggen aan welk e-mailaccount je gebruikte in de Outlook app.

Courtney Fantinato, een 'e-mailgeek' uit Canada, nam het voortouw om het één en ander te testen in de Outlook app voor iOS en Android met vijf verschillende e-mailaccounts:

  • Hotmail.com

  • Outlook.com

  • Yahoo.com

  • AOL.com

  • Gmail.com

Zij gebruikte de volgende apparaten om te testen:

  • iPhone 6s, iOS 10.2.1, Outlook app versie 2.18.0

  • Samsung J3, Android 6.0.1, Outlook app versie 2.1.165

Testresultaten

Opmerking: deze resultaten zijn per 31 maart 2017

Op iOS bleek dat de Outlook app met gebruik van Microsoft-gebaseerde e-mailaccounts, zoals hotmail.com en outlook.com, geen media queries meer ondersteunde. Ditzelfde gold voor Gmail-accounts. Echter, bij andere e-mailaccounts, was er nog volledige ondersteuning voor media queries!

  • Hotmail.com: Geen ondersteuning voor media queries.

  • Outlook.com: Geen ondersteuning voor media queries.

  • Yahoo.com: Ondersteunt media queries.

  • AOL.com: Ondersteunt media queries.

  • Gmail.com: Geen ondersteuning voor media queries.

E-mail rendering

Figuur 1: Outlook App op iOS. Links: @hotmail.com, Rechts: @aol.com

Op Android waren de resultaten heel anders. Voor Microsoft-gebaseerde e-mailaccounts, werkten niet alleen media queries niet, ook ondersteuning voor inline styles ontbrak. CTA-buttons werden niet meer correct weergegeven, retina-afbeeldingen werden opgeblazen, linkjes werden in Outlook blauw weergegeven etc.

  • Hotmail.com: Geen ondersteuning voor media queries en inline styles.

  • Yahoo.com: Ondersteunt media queries en inline styles.

  • AOL.com: Ondersteunt media queries en inline styles.

  • Gmail.com: Ondersteunt media queries en inline styles.

E-mail rendering

Figuur 2: Outlook App op Android. Links: @hotmail.com, Rechts: @aol.com

Conclusie

Mochten je responsive e-mails dus niet correct worden weergegeven in de Outlook app, dan snap je nu waarom. Helaas is hier niet echt een oplossing voor, maar zijn we overgeleverd aan de grillen van Microsoft en kunnen we alleen maar hopen dat Microsoft hieraan blijft werken.

Er is echter wel een positieve ontwikkeling. Sinds de 2.32 update van de app worden media queries wel weer ondersteund voor Gmail-accounts! Microsoft lijkt hier dus wel mee bezig te zijn en dat is ook in lijn met de Partnership met Litmus.

Scroll omhoog