Wat is een responsive e-mail?

Meer dan 50% van de ontvangers opent zijn e-mail op een smartphone. Hier komen de tablet lezers nog bij. Maar nog veel e-mails zijn niet responsive ontworpen, een gemiste kans! Zeg nou zelf: swipen door een e-mail is veel prettiger dan het zoomen om de tekst te kunnen lezen of op de juiste link te klikken. Daarom werken wij met responsive templates en zorgt de content editor ervoor dat de e-mail standaard responsive is.

Meer dan de helft van de ontvangers opent e-mails op hun telefoon.

Schaalbaar

Vaak worden de termen schaalbaar en responsive door elkaar gebruikt. Alleen zit hier wel degelijk verschil in. Een schaalbare e-mail wordt op een mobiel 50% verkleind weergegeven, maar is nog steeds leesbaar en klikbaar. Op apparaten die geen responsive e-mail ondersteunen wordt een geschaalde versie weergegeven.

Vloeiend

Een vloeiend ontwerp is een middenweg tussen schaalbaar en responsive. In vloeiende e-mails worden tabellen en afbeeldingen gewijzigd op basis van een percentage.

Vloeiende e-mails lijken op schaalbare e-mails, de lay out van een e-mail wordt niet doelbewust aangepast maar vullen de ruimte op het scherm op. Een vloeiend ontwerp werkt vaak het beste voor lay-outs met veel tekst, omdat er minder controle is over de manier waarop tekst en afbeeldingen zich tot elkaar verhouden.

Responsive

Een responsive e-mail is anders opgebouwd (gecodeerd) waardoor de weergave wordt aangepast naar de resolutie en oriëntatie (horizontaal of verticaal) van je apparaat. Dit betekent dat afbeeldingen en buttons worden vergroot en je kunt swipen door je e-mail. Besef wel dat hoe je e-mail uiteindelijk wordt weergegeven mede wordt bepaald door je e-mail client. Een e-mail in Gmail en in Outlook kan er verschillend uit zien.

Wanneer gebruik je wat?

Schaalbaar is perfect voor:

• Het uitproberen van mobiele toepassingen
• Betrouwbare weergave voor alle clients en apparaten
• Organisaties met beperkte middelen.

Vloeiend is perfect voor:

• Eenvoudige lay-outs
• E-mail met voornamelijk tekst
• Organisaties met beperkte middelen.

Responsive is perfect voor:

• Organisaties met grote groepen mobiele gebruikers
• Controle over het de lay-out
• Organisaties met verstand van media query’s