If mobile design wasn’t your first priority already, it should be now.
Not only are most of your customers opening their emails on a mobile device, they’re clicking through to your website and often making purchases while on the go as well.
How do you optimize your email design to work perfectly on mobile? This infographic, courtesy of Email Monks, tells you what you need to know:
- Stats that make you sound smart when the topic of responsive email comes up
- What’s changed over the last 2 years
- Which email clients are likely being used by your audience
- Times of day when mobile devices are used most
- The email marketing tactics most likely to drive action
- Tactics to avoid
- 14 best practices for responsive email design
What you Need to Know about Responsive Email Design
14 top tips for responsive email design
1. Use a single-column design so emails look flawless on any size screen.
2. Design with finger targets in mind: width should be a minimum of 320–550px.
3. Make CTAs easily tappable: minimum of 44px.
4. Use white space wherever possible to make the email easier to skim.
5. Keep the header clean. Put navigation (if any) in the footer so users see your primary message without having to scroll.
6. Optimize for retina devices. It’s the future of mobile devices.
7. Don’t crowd your links. Put text links on individual rows and convert them to buttons for mobile view.
8. Provide tappable phone numbers for mobile, so users can easily call with a single touch.
9. Limit subject lines to 30 characters or less.
10. For the desktop view, use image width of minimum 480px. At this size, when it’s scaled for mobile, it won’t get blurry.
11. If you’re a beginner, don’t just scale images. Use swap in your media queries.
12. Restrict the length of your emails. Subscribers often skim first, deleting any email that’s too long to easily read on mobile.
13. Place an important CTA above the fold.
14. Before sending, test your responsive email design and make sure it’s compatible across all major email clients.
Top 5 reasons subscribers don’t engage with email
You’re sending too many emails.
The emails you do send aren’t relevant.
The fonts in your emails are too small to be easily read.
Your website and landing pages aren’t optimize for mobile, so there’s no point in clicking through.
Your emails aren’t formatted well for mobile phones.
When people do opt in, here’s why:
1. To get special offers or promotions (69%)
2. To hear about sales (60%)
3. To get reminders and alerts (38%)
How do you measure up? Are your emails designed to work well for today’s mobile consumer?
Read other Crazy Egg articles by Kathryn Aragon.
Latest posts by Kathryn Aragon (see all)
- The Essence of SEO: What Is High-Quality Content? - May 11, 2018
- 14 Tips for Improving Your Responsive Email Design - July 3, 2015
- How to Reverse Engineer a High-Converting Landing Page - June 3, 2015