MailChimp ♥ Agencies
** Thirteen Pro-Tips for Email Design
Reading time: Six minutes
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
Fabio Carneiro (https://twitter.com/flcarneiro)
Senior front-end manager at MailChimp, car aficionado, beard grower, cat person
Alex Kelly (https://twitter.com/alexkellysays)
Email developer at MailChimp, hang glider, Certified Email Geek®, moderate introvert
Dylan Smith (https://twitter.com/dylanatsmith)
London-based freelance designer, coffee enthusiast, "Hotline Bling" wrapping paper designer
** The Pro-Tips
Stop using all-image emails.
“Retailers do it because there’s a specific font they like to use. Or a really good image from a print ad. And that is so bad. If the user’s images are turned off, you are sending emails that are just a big blank space. It’s better to sacrifice not having the exact right font than to send what looks like nothing to a population of users.” -AK
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 (https://twitter.com/search?q=%23emailgeeks) on Twitter to the Litmus community (https://litmus.com/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
The Litmus Community (https://litmus.com/community) : One of the most active and vibrant communities of email marketers, developers, and designers on the web.
Litmus Emails (https://litmus.com/subscribe) : If you’re not into the whole online community thing, you can still learn a lot from Litmus’ regular emails.
Lee Munroe’s Design Weekly (http://www.leemunroe.com/) : UX expert Lee Munroe sends out an email each week sharing his vast email knowledge with readers.
Paul Airy's Type E (http://beyondtheenvelope.co.uk/type-e.php) : The e-newsletter of Paul Airy, who has an abiding passion for HTML emails—typography in particular.
Action Rocket’s Email Weekly (http://actionrocket.co/) : A must-subscribe for anyone interested in staying up to date on the latest email design trends.
Jason Rodriguez’s Newsletter (http://rodriguezcommaj.com/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 (http://reallygoodemails.com/) : 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.
Have any questions about the topics we've discussed this week? Just reply to this email and we'll be in touch.
Issue 18: Holiday Tips
Next week, we talk to the team behind MailChimp's 2016 Holiday Marketing Tips.
Keep SLACKING OFF
#emailgeeks Slack Community (https://email.geeks.chat/)
Read More → (https://email.geeks.chat/)
Designing templates with hero images in MailChimp (http://blog.mailchimp.com/designing-templates-with-hero-images/)
Read More → (http://blog.mailchimp.com/designing-templates-with-hero-images/)
© 2001-2016 MailChimp®, All Rights Reserved.
675 Ponce De Leon Ave NE, Suite 5000 Atlanta, GA 30308 USA