Here’s a “before” snapshot of the friend request notification:

And here’s the “after”:

Facebook could have gone crazy adding features and links to these messages, but thankfully they kept it simple. In the past, the person’s name wasn’t familiar and you weren’t sure you wanted to accept the request to connect, you had to take a few steps to get more information to make a decision. Now, it’s much easier to make a (superficial) decision based upon their photo.

Twitter also recently switched from a text notification of a new follower to an HTML version. Click the images for a full size version of each.

Old – text	New – HTML

I mention these changes because it’s easy to write-off a transactional email and not give any thought to their design. The updates Facebook and Twitter made added a lot of value for the recipients without going overboard adding bells and whistles just because they could. The basic concepts guiding transactional email design apply to all marketing emails.

With the holiday season coming up and folks doing more online shopping, many companies will be sending emails whose only real point is to say, “Here’s written proof of your order. Thanks for shopping.” Take this opportunity to put some thought into your transactional emails and give them a refresh. But when you do, ask yourself the following questions:

1. Does this add value to the consumer? Just because you can add images to HTML emails doesn’t mean you should. And this means including a banner ad. Nobody likes those, other than the guy who designed it. Those will just make the email clunky without adding anything to the user’s experience.
2. Am I over-designing it? Just as you shouldn’t go crazy with adding images, overdoing on fonts isn’t necessary either. Keep the file size small so it’ll load quickly. And keep the coloring easy on the eyes and consistent with your brands.
3. What useful information can I add? Answer this one as if you were the consumer, not as someone trying to sell more products. If your message is confirming a product purchase, try adding a link to a user manual. If you’re sending an email to confirm a dinner reservation, add a link to find directions to the restaurant.

If you think the above doesn’t apply to you because your business doesn’t send transactional emails, think again. These are basic questions that really apply to all marketing emails. I hope you’ll go forth and give a thoughtful approach to your email designs – transactional and otherwise.

It’s lovely to look at, but it goes against everything I believe in as far as email design is concerned. I’ll give the team credit for blasting this message at 4 a.m., mere hours after the deal to acquire QB Brett Favre transpired. But I wonder how many Jets fans, before they’ve had their morning coffee, opened up their email to find something that appeared as jibberish to them. This could have been how some even learned that their beloved Gang Green was now home to the former Green Bay signal caller!

I know, more questions than answers here. But another example of how something rushed into the pipeline could have resulted in some missed opportunities.

In fact, here’s a quote from a Marketing Sherpa study:

MarketingSherpa data indicates that 59% of consumers and 90% of business email users view some or all of their email with images turned off. This includes people who may view email in their preview panels with images turned off (remember, this is the default for many email clients including Gmail and some versions of Outlook). It also includes people who view their email on a mobile device, such as a BlackBerry.

(This matches past posts here and here about the need to consider viewing email on PDAs.)

With many in planning mode for their Q4 holiday email campaigns, I wanted to show the good, the bad and the ugly of email design. It may have been chic at one time to put form ahead of function, but nowadays, good marketers know that improper planning and design can be costly. Style no longer trumps substance, but they still should complement each other.

Here’s the ugly message that I receive from Fifth Group Restaurants on a weekly basis. (Click the links to view the examples.) With images turn off and images turned on. If I didn’t display the images, I’d have NO idea what their message was trying to convey. (You only get so much from a subject line.)

Here’s a bad example. Images off (as it first appeared in my inbox) and after I turned the images on. There’s some information in the alt-tags, but darned if I get anything meaningful from it. Shame on them for putting the text into image format.

The winner (in my inbox) comes from Upromise. Even with the images turned off, I get the gist of their message. Turning them on complements the text. They still have a top navbar either way.

Here’s a quick and dirty list of things to think about and best practices (it’s by no means complete):

• KISS – Keep it simple, stupid. Don’t pack too many bells and whistles into an HTML email
• Use alt tags and support text around images. If a reader’s setting have turned off images, they’ll still get the essence of your message
• If manually coding your message, lay it out with tables
• If you’re not going the Design DIY route, use an email service provider with existing templates
• Test, test, test

And here’s a list from Feb. 2007 that lists the default setting for images for most of the major email clients.