Thirteen Pro-Tips for Email Design

Mailchimp
Mailchimp
Nov 3, 2016 · 7 min read

Issue 17

Alex Kelly at MailChimp in Atlanta, Georgia, USA.

In many ways, the future of email is already here.

Interactive elements, navigation bars, hamburger menus, animated GIFs — it’s all part of the email design mix now. Sure, email designers still have to deal with a lack of universal coding standards and the multitudinous shortcomings of 50-plus email clients, but email has made great strides in recent years.

So what does this mean for the average agency? More specifically, for that agency’s resource-strapped email designer? Does it mean following a fresh set of rules? Are there shiny, new best practices to learn by heart?

We’re afraid not. As any experienced email designer knows, the one rule of email design is that there are no rules — not for long, anyway. Change is constant. Trial and error is a way of life.

But that doesn’t mean we don’t have any advice for you. In fact, we spoke with 3 of the most resourceful email geeks we know (conveniently, 2 of them are just down the hall here at MailChimp HQ), and mined their brains for nuggets of wisdom. Here’s the best of what we found. Enjoy.

The Brains

The Pro-Tips

Stay relentlessly on brand.
Do everything in your power to align your email design with your brand. “If your name and logo were removed from the email, and your email is still recognizable as yours, that’s a successfully branded email.” –DS

Inexperienced? Imitate. Experienced? Experiment.
Imitation is great for beginners. But as you develop your email skills, try new things. Be bold. “A lot of times, designers will do something like include a navigation bar because their competitor has one. It’s this funny looping cycle where, because someone else is doing it, they have to do it too. And that leads to stale design choices when experimentation could produce better results.” -FC

You’ve A/B tested content. Now A/B test design.
The benefits of A/B testing subject lines and CTAs are well known. Those benefits can extend to design, too. “I would actually argue that anyone who might be at the point where their content is on good, solid ground, and they are getting good open and click rates, A/B testing design is a good place to start exploring next. It can be a way to differentiate yourself from your competitors.” -FC

“It’s a huge thing to be invited to someone’s inbox. People are allowing your email to enter a space that is occupied by emails from their friends and family. Remember that. ”

Make the font bigger.
As a designer, you probably find big fonts “clunky” or “horsey.” And your heart may tell you that no font should be larger than 16 pixels. But listen to your brain instead. “Your font should be 16 pixels at a minimum. And ideally, 20 pixels is good for desktop. Large line height makes your email easy and comfortable to read.” -DS

Big buttons are good, too.
People are using their thumbs to push those buttons — big, pudgy, clumsy thumbs. So make sure your buttons are large enough to accommodate them. “Apple’s guidelines say 44 pixels and Google calls for 48 pixels, so keep that in mind when designing buttons.” -DS

Join the email design party.
It is a small community, but a mighty one. And friendly. Reach out to it when you need help. “I am kind of an introvert, so it’s great to be able to ask questions online. From #emailgeeks on Twitter to the Litmus community, there are lots great resources out there. –AK
(We’ve included a full list of Alex’s recommended resources at the bottom of this email.)

Don’t reach beyond your grasp.
For example: Interactive emails are very hot right now. That doesn’t mean you need them. “It’s definitely trendy, but it’s very difficult to implement, it’s super code heavy, and it’s only supported in a couple of places, so you have to do fallbacks. The bar for entry is very, very high.” -AK

It’s so important we’ll say it one more time: Don’t send all-image emails.
Seriously. Don’t. “The chief problem is that there are email clients that don’t load images until the user explicitly asks for them. So you get emails where it looks as if there’s nothing there. And people don’t think about where these emails are being opened. If I’m riding a subway and the signal is weak and the email takes a long time to load, I’m apt to move on or delete the email.” -FC

Think twice before putting that navigation bar in your email.
Yes, they’re popular. Yes, they get clicks. But is that a good thing? “All it says to me is that the content in your email is not important enough or good enough to get the user to click anywhere else but the nav bar. If your content is targeted enough, then a nav bar is not necessarily going to be useful.” -FC

Think twice before embedding video, too.
Embedding HTML5 video in email is trendy right now, but it only works on a few email clients, and it can be a big drag on your audience’s data — and possibly their pocketbook. “You can’t limit what data gets downloaded on a user’s device. This is even more important in the realm of mobile because the age of the unlimited data plan has passed us by. So when a video opens in an email automatically, the user can incur an actual data cost. That’s definitely worth thinking about.” -FC

Consider the intimacy of the venue.
Always remember that you’re entering a person’s personal space when sending an email. Behave accordingly. “It’s a huge thing to be invited to someone’s inbox. People are allowing your email to enter a space that is occupied by emails from their friends and family. Remember that.” –FC

Finally, embrace “scrappy and hacky.”
Email is hard. And even with recent advances, it will continue to be hard. You have to be okay with that. “Things are changing and we’re getting more creative freedom, but I don’t expect it to be near the same playing field as what you can do on a website anytime soon. And that’s fine. Our little community is scrappy and hacky, and we like it that way.”-AK

Alex Kelly’s Handy List of Email Design Resources for Introverts

Paul Airy’s Type E: The e-newsletter of Paul Airy, who has an abiding passion for HTML emails — typography in particular.

Action Rocket’s Email Weekly: A must-subscribe for anyone interested in staying up to date on the latest email design trends.

Jason Rodriguez’s Newsletter: If you’re trying to up your email design game, subscribing to Litmus product manager Jason Rodriguez’s newsletter is a good start.

Really Good Emails: Really Good Emails lives up to its name. It’s the best place on the web to see a vast collection of really good emails.

This first appeared in MailChimp’s newsletter for agencies. Sign up for the newsletter here.

MailChimp ❤ Agencies

A series of marketing tips, case studies, and best…

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store