Welcome to Freshview thoughts, a place for our ideas and ramblings about building and supporting a popular web application from Sydney.

Stay in the loop

Subscribe to our RSS feed

Dig into a category

Search all posts

Our products

Campaign MonitorThe easiest way for designers to send email newsletters for themselves and their clients.

Future of Web Design report

Posted by Mathew Patterson on November 15, 2007 3:00 PM

Last week I spoke at the Future of Web Design conference in New York City, on the topic of email design. It was my first visit to the States, which is a mere 20 hour flight away from Sydney.

The conference itself had a great line-up of speakers, and though it was unfortunately hit by a few technical issues it went off well in the end. As always, hallway and after party conversations yielded as much or more value as the talks did.

My segment took place in the afternoon and I discussed the general state of HTML email since 1998, and it's potential for the future. Below are my slides, which don't make as much sense without the audio, but I've also included a recap of the major points.

[UPDATE]: The audio of my talk is now available from the conference website. Here is the direct link: The future of email design - 22mb MP3 file.

The future of email design: an outline

The cool kids don't like HTML email
Standards based web designers have taken a 'Just Say No' approach to HTML emails typically. During the talk I asked "how many people hate HTML email?" and it was about 50% of attendees.
It doesn't matter
We don't get to decide how people use technologies - the end users have already voted, and they like using HTML emails. There is good reasons for it too, including Jakob Nielsen's findings that return on investment for email newsletters beats almost anything else.
HTML email can be a better experience
If you signup for an email from Threadless, you probably want to know what new t-shirts are available each week. Having a photo of the new designs is a much faster way than trying to describe it in text. HTML can make a message clearer and easier to understand.
Back to the future
The Web Standards Project stepped into the Browser Wars in 1998, and applied pressure that led to much better standards support in web browsers and from web designers. Unfortunately, HTML email was left behind.
Clients live in an alternate reality
Your clients and bosses think everyone will be so thrilled to receive and pore through your emails, but the reality is that people are very busy and have very little attention to give their email. Web designers need to help move their clients from magical fairy land to an understanding of reality.
Understanding email
An inbox is a very noisy place, and you may only have the tiny subject line or preview pane to make your case in. It's a different context than a web browser, and you need to design accordingly.
Permission + relevance = attention
It's no longer enough just to have technical permission to send to people. The content you send them needs to be relevant too, as opposed to the 'Sims Credit Card' invitations I get from Electronic Arts! Your clients want attention for their message, so they need to have permission and offer relevance.
Love your text
Being able to control typography with proper headings, line spacing and emphasis is the key benefit of moving to HTML. You don't need to rely on *hacky* punctuation ______ to make your point. You should spend most of your time making the text readable and clear.
Slot in the permission reminder, unsubscribe and contact details
Those are elements that should be in every email, and you need to design with that in mind.
Be creative
Once you have the core of well formatted text and mandatory elements you can build out your design. Check out our design gallery for some great ideas.
Design like it's 1999
You might need to go back to using tables for consistency, and design knowing your images and css might not be applied. Check out the CSS support chart and testing tool for some help.
Email is dead?
Email isn't dead, it's just a bit fat. Designing HTML emails is hard and painful, which is why we have started the Email Standards Project to improve the situation. The future of email is in better, faster, smarter tools to handle the increasing volume. In addition, it is businesses sending smarter, more targeted emails that offer more value and less time wasting.

Web applications will become better integrated with email, so we don't have to double handle information anymore.
HTML email is not going away
HTML emails will be sent out, and somebody will design them. It should be web designers.

Thanks to all the Campaign Monitor and MailBuild customers who came up to say hello, and thanks to everyone who attended the talk. If you have any questions or feedback for me, just leave a comment or get in touch.

14 comments so far

jon

wrote on November 18, 2007 2:28 PM

Awesome. Thank you.

Charlie

wrote on November 19, 2007 10:04 AM

One thing I love about Facebook messages is that in order to send me a message you already have to have introduced yourself as a 'friend'. I'd love this to be built into email, that is, the completely elimination of unsolicited messages. It would eliminate spam in one fell swoop. Does anyone ever talk about this?

Dave Greiner

wrote on November 19, 2007 10:40 AM

Hey Charlie,

This is actually something many of the big ISP's are trying to introduce on a much larger scale. They're now putting a lot more weight on the sending reputation as opposed to the email content itself. You (and the rest of their users) control who they see as a friend by your reading habits and use of the "Report Spam" button. Giving inidivudals more granular control like you mentioned may be the next step though... who knows.

Mathew Patterson

wrote on November 19, 2007 1:22 PM

You can pretty much already run your mail server on a completely white-list basis - only allow emails from people you have specifically approved. The only part missing is a way for people not on the white-list to request access, which is where Facebook requests do well.

Thomas

wrote on November 21, 2007 2:18 AM

Nice job, I had a quick look at your design gallery and I must say that your designs are really professional and appealing.

Mathew Patterson

wrote on November 21, 2007 12:43 PM

Thanks Thomas, but the Campaign Monitor gallery actually showcases designs done by lots of our customers who send them via Campaign Monitor. We agree that they are excellent!

Charles Cuninghame

wrote on November 23, 2007 3:55 PM

Another great post Mat!

I prefer text-only emails, simply becuase the newsletters I subscribe to all have long copy which I like to print out and read offline. But you make a great point about controlling the typography of text-based email.

I'd never thought of that before and I've never seen an email done that way. Most of the HTML emails I've seen are like mock web pages, which is fine if your content is visual and you want to pack a lot of different items on one screen.

Charles Cuninghame

wrote on November 23, 2007 3:56 PM

And excellent PowerPoint slides by the way.

Maxine Sherrin

wrote on November 23, 2007 4:19 PM

Well done on getting the speaking gig Mat! And just looking at the slides I can see you have done Freshview, not to mention Australia :), proud.

Tell me: do you happen to know if there's going to be any audio available at any stage?

Mathew Patterson

wrote on November 23, 2007 6:49 PM

Thanks Charles and Maxine!

The talk was filmed and recorded - I know that they sell videos of the conference, but I do think the audio only version might be made available for free too. Not 100% on that though.

Mathew Patterson

wrote on November 29, 2007 6:44 AM

The MP3 is now available at http://cdn.libsyn.com/carsonsystems/Matpatterson.mp3 actuallly

Todd Galloway

wrote on December 17, 2007 9:37 PM

Glad to see you're back at work slacker! Sounds like your trip went well.

I'll be in touch with you lot early to mid next year with a campaign I'm looking at running.

Keep up the good work.

Thomas

wrote on December 19, 2007 5:15 AM

Thank you for your explaination Mathew! I had not completely understood the concept. I got it now!

plastic card

wrote on February 12, 2010 4:46 PM

the holograms use in two situations: to be able to print a number in printed CMYK four-color printing ink outside the visible color gamut. holograms four-color printing ink color gamut when compared with the visible color gamut to have significant deficiencies,holograms The spot-color ink color gamut when compared with CMYK four-color printing ink color gamut width, it can be expressed in CMYK four-color ink other than the number of color; holograms to compensate for lack of printing technology. The whole holograms because of the printing error in the various processes, equipment maintenance, operating environment, human oversight and mechanical wear and holograms

Got anything to add?

Name

Web site

Your comments (basic HTML is fine)