3 Tips for Creating a Responsive Email
Posted: Wed Dec 04, 2024 5:09 am
But you already knew that! Like all good marketing professionals and regular readers of this blog (and therefore very good marketing professionals), you know perfectly well that the smartphone is an essential means of checking emails.
Some figures in case you needed convincing:
According to the SCND, Internet users use an average of 3 devices to check their email:
88% by computer
74% by smartphone
40% per tablet
According to the same study, 8 out of 10 users delete emails if they are not readable on a tablet or mobile phone!
Which just goes to show how strategic responsive email display is...
And yet, many advertisers continue to overlook this essential adaptation, either by deliberate choice or because they are not applying the proper responsive design codes.
It's sometimes hard to take these codes into account when you're not an integrator, and that's why it's hard to understand why a nice email creative is hard to integrate into responsive.
Dataventure offers you a simple methodology to create a successful responsive email:
1. Anticipate how your emails will look on mobile devices
The first thing to do is to think about how your emails will look on overseas chinese in usa data mobile devices or tablets right from the very first stage, when you create the email template or mockup. The basic principle is therefore simple: identify the areas of your email that need to be adapted to the different devices. To do this, you can rely on 2 experts: your graphic designer and your HTML integrator.
They are the best people to help you harmonize your message so that it can be read everywhere and by everyone.
Desktop version
Responsive mobile version
In practice, responsive design is based on blocks, like a table. Independent blocks that the integrator can arrange as he pleases by moving them one under the other. So anything that complicates a simple and clean division of your creativity (in the form of a table) will incur the wrath of your integrator.
(Do you realize how much they pay integrators to spend all day playing Tetris?)
Working with the graphic designer to design and divide these blocks is therefore essential to anticipate the needs of the integrator, who thinks, breathes and lives responsive (and Tetris!).
Design example (with clipped integrator)
poorly suited for responsive use
What I should have done to optimize
this responsive email integration:
Move the 1st call to action "I make a donation" so that it does not overlap with the 2nd block (in turquoise). Recommendation: leave more height to integrate it into the 2nd block.
The same goes for the photo and email signature text, which should be scrolled. Recommendation: place them below the 2nd call to action "I make a donation" or shrink the elements so that everything fits in the crop.
2. A good knowledge of your target audience
Gmail, Yahoo, Orange, Caramail or AOL... Each email provider interprets the code in their messages differently (or not at all in the case of some of the ones mentioned above, but that's another problem
)...
Knowing the specifics of your base by identifying the different messaging providers will allow you to focus your efforts.
There are simple solutions! We recommend that you test the responsive design of your templates before sending them to different media, whether devices, email providers or different applications.
Some figures in case you needed convincing:
According to the SCND, Internet users use an average of 3 devices to check their email:
88% by computer
74% by smartphone
40% per tablet
According to the same study, 8 out of 10 users delete emails if they are not readable on a tablet or mobile phone!
Which just goes to show how strategic responsive email display is...
And yet, many advertisers continue to overlook this essential adaptation, either by deliberate choice or because they are not applying the proper responsive design codes.
It's sometimes hard to take these codes into account when you're not an integrator, and that's why it's hard to understand why a nice email creative is hard to integrate into responsive.
Dataventure offers you a simple methodology to create a successful responsive email:
1. Anticipate how your emails will look on mobile devices
The first thing to do is to think about how your emails will look on overseas chinese in usa data mobile devices or tablets right from the very first stage, when you create the email template or mockup. The basic principle is therefore simple: identify the areas of your email that need to be adapted to the different devices. To do this, you can rely on 2 experts: your graphic designer and your HTML integrator.
They are the best people to help you harmonize your message so that it can be read everywhere and by everyone.
Desktop version
Responsive mobile version
In practice, responsive design is based on blocks, like a table. Independent blocks that the integrator can arrange as he pleases by moving them one under the other. So anything that complicates a simple and clean division of your creativity (in the form of a table) will incur the wrath of your integrator.
(Do you realize how much they pay integrators to spend all day playing Tetris?)
Working with the graphic designer to design and divide these blocks is therefore essential to anticipate the needs of the integrator, who thinks, breathes and lives responsive (and Tetris!).
Design example (with clipped integrator)
poorly suited for responsive use
What I should have done to optimize
this responsive email integration:
Move the 1st call to action "I make a donation" so that it does not overlap with the 2nd block (in turquoise). Recommendation: leave more height to integrate it into the 2nd block.
The same goes for the photo and email signature text, which should be scrolled. Recommendation: place them below the 2nd call to action "I make a donation" or shrink the elements so that everything fits in the crop.
2. A good knowledge of your target audience
Gmail, Yahoo, Orange, Caramail or AOL... Each email provider interprets the code in their messages differently (or not at all in the case of some of the ones mentioned above, but that's another problem
)...Knowing the specifics of your base by identifying the different messaging providers will allow you to focus your efforts.
There are simple solutions! We recommend that you test the responsive design of your templates before sending them to different media, whether devices, email providers or different applications.