In this tutorial I’ll explain how to focus your efforts on the email clients and webmail clients being used by your target audience.
Note: this tutorial is part of a whole week’s worth of email content on Tuts+ Web Design–check out the Mastering HTML Email learning guide for more!
1. Understand the Importance of a Strategy
Your target audience has access to a wide range of email clients, webmail clients and devices, and, as there’s no email equivalent to W3C Standards, how they experience your email campaigns will vary depending on what they’re using to view them and what they’re using to interact with them.
For example, they could be using:
- Microsoft Outlook, which doesn’t play animated GIFs beyond the first frame.
- Gmail, which doesn’t render web fonts.
- iOS Mail, which does play animated GIFs, and does renders web fonts, but also, unhelpfully, renders some content as blue links or grey links!
Therefore, to deliver a great subscriber experience to your target audience, you need to formulate an email design and development strategy that takes the email clients and webmail clients they’re using into account. One that enables you to harness their best, and overcome (with an email hack or two) their worst, and most challenging features.
The question is: how can you do this, when your target audience could be using any number of email clients and webmail clients, on any number of devices? The answer, is by using an email analytics tool to find out which ones they’re using.
2. Find Out Which Clients Your Audience Uses
Email analytics tools, such as the ones found within Litmus and Email on Acid, track individual email campaigns, and create a report for them, providing valuable email client and webmail client data, in addition to device, operating system and engagement data. To generate and access this data, you have to create a unique tracking link within the tool, for each of your email campaigns, and build it into each respective emails HTML. It might look a little like this:
Once you’ve sent your email campaign, with the tracking link built into it, you’ll begin to see data appear within its email analytics report. You’ll need to allow enough time for enough of your target audience to open your email campaign, to get an accurate picture of how they’ve viewed and interacted with it.
As you send more and more email campaigns to your target audience, you’ll see trends begin to emerge across your email analytics reports, enabling you to identify which are the most popular email clients and webmail clients amongst your target audience, and which are the least. It’s worth stating here, that it’s unwise to formulate your email design and development strategy on one report, as it may be an anomaly, so start with a minimum of three.
You’re now ready to analyse your email analytics reports, and establish which email clients and webmail clients to formulate your strategy around.
3. Narrow Down Which Clients to Strategize For
Start by analysing the reports in your email analytics tool, looking primarily at the email clients and webmail clients that have been used by your target audience to open your email campaigns. Identify your target audience’s most popular email and webmail clients, indicated by the popularity percentage recorded against each one.
The most popular email clients and webmail clients should be considered your target audience’s “primary clients”, and the ones you should formulate your email design and development strategy around. As a guide, their collective popularity percentage should add up to a minimum of 60-70%, and be comprised of two or three email and / or webmail clients.
The remaining 30-40% should be considered your target audience’s “secondary clients”.
Your email design and development strategy then, should be formulated to deliver the following on your target audiences “primary clients”:
- Ensure your email campaigns render flawlessly.
- Ensure your email campaigns are easy to interact with, for example by using buttons that are selectable across their entire area.
- Harness, where possible, features within the email and webmail clients that add value to the subscriber experience.
And deliver the following on your target audience’s “secondary clients”:
- Ensure your email campaign’s messages and calls to action are clear, and while they may not render flawlessly, or in exactly the same way as the “primary clients”, don’t lose too much sleep over it.
- Ensure your email campaigns are easy to interact with.
Having established what your target audience’s “primary clients” and “secondary clients” are, you’re almost ready to begin formulating your email design and development strategy. However, before you do, you must understand their unique characteristics to ensure you deliver a great subscriber experience to them.
4. Identify “Primary” and “Secondary Clients”
Properly understanding your primary clients and secondary clients puts you in a position to make good design and development decisions, as you formulate your email design and development strategy.
Though not exhaustive, here are some of the characteristics and supported features of some of the popular email and webmail clients. It’s worth stating here, that some of the default characteristics can be enhanced or overcome using email hacks.
Design Characteristics and Supported Features
| Email Client / Webmail Client |
Design Characteristics and Supported Features |
|---|---|
| Microsoft Outlook |
|
| iOS |
|
| Gmail |
|
Development Characteristics and Supported Features
| Email Client / Webmail Client |
Development Characteristics and Supported Features |
|||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Microsoft Outlook |
|
