Become a smarter marketer.

Join Over 565,000 Marketing Professionals

Become a PRO member
N E X T
Text:  A A

Six Do's and Don'ts of Email Design

by   |    |  24,051 views
Sign up to gain access to thousands of marketing resources! Don't worry ... It's FREE!

WANT TO READ MORE?
SIGN UP TODAY ... IT'S FREE!

We will never sell or rent your email address to anyone. We value your privacy. (We hate spam as much as you do.) See our privacy policy.

Sign in with one of your preferred accounts below:

Loading...

In this article, you'll learn...

  • How to increase subscriber engagement via email design
  • Three design pitfalls to avoid
  • Three design steps you can't afford to miss

Let's face it. The digital space is loaded with messages from a multitude of sources; it's chaotic at worst and untidy at best. Email inboxes are piled high with work to-dos, newsletters, notes from family, forwards from coworkers—and even the occasional letter from a foreign dignitary enticing the recipient to share bank account information in exchange for countless millions.

The result? Without a well-crafted, clear, and consistent design for your brand, your email is going nowhere in a hurry.

Many businesses use e-newsletters, blogs, and email marketing efforts to complement their Web presence, but these channels aren't created equal. The design principles and procedures of a successful HTML email campaign are different from those of a standard website.

Instead of employing a one-size-fits-all strategy, consider the following six tips for your next email campaign.

1. Do maintain a balanced ratio of text to images in your emails


Spam filters often look at the text-to-image ratio of an email. So if an email contains excessive images—or, conversely, too much text—it could be flagged as spam, never to be seen by your intended audience.

Properly integrating text with images ensures that your messages can be easily read by recipients; equally as important, doing so ensures that your email stays out of the spam folder.

2. Do assume that embedded images won't appear properly

If every image in your marketing email is replaced with a tiny red "X," will you still get your point across?

Email marketers must assume that their messages will be displayed without the images showing. Images might not always translate seamlessly from a Web page to an email campaign, and many email clients don't automatically display images without prompting the user to first take action (e.g., "click here to view images" or "right click, then download images").

It's imperative that your key messages—the information that you most want your readers to take away from the email—aren't embedded within an image. Instead, use HTML body copy to deliver the most important information you want to convey to customers.

Also, if the images don't appear, how will your email look? Make sure to use height, width, and alt attributes for every image tag. Doing so will ensure that images are replaced with an empty block the same size as the image, keeping formatting and layout intact.

3. Do provide a backup option for emails with image-rich backgrounds

Popular mail clients such as Gmail and Microsoft Outlook don't provide support for background images. Provide a secondary option, such as a colored background, if an image serves as the backdrop of your email.

HTML allows both an image and a color to be coded in the same tag, which means that if a mail client supports background images, the images will be displayed; if it doesn't, then the chosen color will appear as the email background instead.

4. Don't kick HTML to the curb

Not every email client interprets HTML code the same way, and the vast majority of mail programs will not load your style the way you had intended. Some programs, like Thunderbird, have nearly flawless support for that kind of design. Others, such as Lotus Notes, have almost none. Keep in mind that email clients will remove JavaScript for security reasons, and cascading style sheets (CSS) must be used in-line and not in style blocks.

Because you don't know which client your readers will use to open your message, rely more heavily on HTML coding.

5. Don't avoid using a table of contents for emails with multiple sections

The more content an email includes, the more important organization becomes. If an email contains several sections, create a simple yet eye-catching table of contents to appear just beneath the company logo or header.

To make navigating easier for readers, consider linking items in the table of contents to the corresponding areas within the email so readers can effortlessly jump to the areas that are most important to them.

6. Don't leave out a call to action

Every email should be constructed to present the most important and relevant information first.

Whether your objective is to entice your audience to click a link, tell them about a new service or product, or simply share news and updates, you don't want your readers to have to sift through an abundance of information to find what interests them. Instead, place your call to action at the top of the message, where readers are most likely to see and internalize it.

* * *

Email design often takes a backseat while marketers focus on list growth, deliverability issues, and content creation to maximize return on investment (ROI).

But great email design can help you in all three areas: A well-organized and visually pleasing email is more likely to be shared; proper design techniques can help avoid delivery hang-ups; and optimal integration of text and visuals with a clear-cut call to action leads to increased ROI.

John Murphy is president of Chicago-based email marketing service provider ReachMail. He has been helping marketers improve their email marketing campaigns since 1999.

Rate this  

Overall rating

  • This has a 4 star rating
  • This has a 4 star rating
  • This has a 4 star rating
  • This has a 4 star rating
  • This has a 4 star rating
6 rating(s)

Add a Comment

Comments

  • by Avadawn Mon Jul 18, 2011 via web

    Dont use double negatives in a message would also be a great addition. Kept having to re-read your subheadings to make sure I got your point - Had to double take on your "Don't Avoid #5 and and #2 "Do assume...won't appear "!

  • by AmandaB Mon Jul 18, 2011 via web

    I didn't have a problem understanding any part of the message. In order to change the "Don't Avoid" it would have become listed as a DO as opposed to a DON'T. As for #2 I think it was written well. Do assume images won't appear properly is a true statement. I suppose it could be changed to a DON'T instead of a DO (Don't assume images will appear properly) but I don't feel it is necessary. I have nerve damage and Fibromyalgia among other things that cause problems with concentration, word recall, and reading clearly so I have to 'double-take' quite often, surprisingly I did not have to do so at all in this article. That is just me though :) I cannot speak for everyone.

  • by Indiemark Mon Jul 18, 2011 via web

    I'd also include one point "Don't forget about mobile devices" and clarify another "Don't dare send an email that requires a Table of Contents, unless your a publisher."

  • by Tanya Mon Jul 18, 2011 via web

    Thanks for the article, interesting read. Another 'Do' would be to include an enticing Title / Subject so people browsing through their inboxes will be interested enough to open the newsletter. Lead with the heading of your feature article instead of '[Company Name] July Newsletter' etc.

    We also create plain text versions of our newsletters with a link to a web-hosted version in case readers don't view their emails in HTML format.

  • by Rajesh N. Rao Tue Jul 19, 2011 via web

    Thanks for guidance. I appreciate your help

  • by Kindra Tue Jul 19, 2011 via web

    I have another question- For your from line, is it best to use your company name, or the CEO of your company, maybe another key individual? Is it ok to switch? Any thoughts?

    When I've sent a super important eblast and have put it from our VP, I know it has gotten a higher click-through rate, but I am afraid it may be misleading to do it every month?

  • by SpencerBroome Tue Jul 19, 2011 via web

    Agree with Indiemark about the mobile devices. Better to be prepared.

  • by Nick Stamoulis Wed Jul 20, 2011 via web

    Indiemark makes a great point. You can't be sure that your audience is looking at your e-mail from their computer. It might be on their phone, netbook, or tablet. Will your e-mail work on those devices? How many recipients will bother to reopen your email on a different device.

  • by stephanhov Wed Jul 20, 2011 via web

    DO have both HTML and Plain Text versions.

    DON'T just design for mobile because you think you're supposed to...but DO use your campaign reports and lots of testing to determine whether a mobile strategy is important. (Example: I have a list where Outlook 2000-2003 accounts for 2x more opens than all mobile devices combined. Guess where I'm putting most of my design emphasis?)

    @Kindra - I'd suggest breaking down the "From" field by message type. Just make sure that you monitor the open rates when you change your "From" email addresses, because they might get caught up in spam filters if the address is unknown to the recipient. But we've done this in the past with great success...company name from info@ for most of our messages, and Employee name from their address for really important/account-related messaging.

  • by Jared Hallal Mon Jul 25, 2011 via web

    Thanks for this. I have a church client who will benefit from this greatly.

  • by www.megaseth.com Wed Feb 15, 2012 via web

    I strongly recommend using and email testing tool. There are a couple on the market, the one I use is Email on Acid (www.emailonacid.com). They offer pricing per test or unlimited testing for 29.99 per month. The system conducts virtual tests on all major email clients and mobile devices, which makes debugging/fixing html code issues much easier. They also have developer tools to convert all your code into inline css (saves you a lot of time vs. doing it by hand) and also have spam testing tools. It has been very helpful in my client marketing campaigns.

MarketingProfs uses single
sign-on with Facebook, Twitter, Google and others to make subscribing and signing in easier for you. That's it, and nothing more! Rest assured that MarketingProfs: Your data is secure with MarketingProfs SocialSafe!