ActionRocket
Services Work Contact Reading Corner Email Weekly
Home Work Services Email Weekly
ServicesWorkContactReading CornerEmail Weekly
ActionRocket
ActionRocket Home Work Services Email Weekly

A note on Responsive Email Design

I've noticed quite a bit of discussion around use of responsive design in email, particularly whether it's worth investing the time and therefore money, and if it does indeed drive results (Sidebar: I can't share specifics, but the stats my clients have shared show it does).I think that it's a no-brainer to look at providing a better experience for those users opening your emails on a mobile device. In fact, personally I find it a bit weird that we need stats before we think about this, but there we go.But when it comes to mobile optimisation, responsive design is only part of the solution - and we need to make sure that marketers don't implement responsive design in a way that doesn't really work, get their fingers burned and then never try again. Much in the same way that social share buttons were declared "never to work", when they were mostly implemented by shoving some social media icons in the footer and blindly hoping for the best.Here's what I think we should do to improve the mobile experience:

Design the "desktop" version so it can work on a mobile device

Responsive design isn't supported everywhere, notably Gmail app on Android, which is probably a large amount of people who will miss out. If you send those people an over complicated design, laden with content, it's not going to work on a small screen. We need to design something that works ok without responsive - so cut down copy, don't have a crazy layout, make everything nice and modular. Maybe bump the text size up a bit, and make buttons nice and easy to touch.We often see emails that have too much content, usually due to multiple stakeholders all trying to get their 5 seconds screen time. This is our perfect argument against this practice. Get rid of the endless paragraphs and make something that's easy to scan, and you'll end up with a campaign that has a stronger, clearer message.A more straightforward design has the added benefit of being easier to "make responsive".

So why bother with responsive?

Well, you could just leave it there. The chances are your mobile friendlier, but 600px wide email, will still be ok zoomed out on an iPhone. In fact, if budget/time is that much of an issue, you could do this and see how the results look.

Use responsive design as an extra layer of enhancement

There's a large amount of users (pretty much everyone except Gmail app and the remaining Blackberry users) that we can enhance the experience further for. We can optimise the layout - doing things like stacking content into one column - and make buttons easier to select and text easier to read. If we can make it even easier for these users to comprehend the message and then act on it, it stands to reason that it'll help with results.Overall - It's a few hours extra time in html, for a marked improvement for a significant amount of people on your list. And the amount of users that will benefit from it is increasing all the time. But if you're unsure about going all out responsive just yet, then perhaps designing your "desktop" email to be more mobile friendly is a happy compromise in the mean time.

StudioOctober 25, 2012designing emails for mobile, mobile email, mobile email best practice, responsive email design
Facebook0 Twitter Reddit 0 Likes
Previous

#emailtip Use Gravatar to set a profile image

StudioMarch 7, 2013
Next

How to: Building Responsive HTML Emails

CodeAction RocketAugust 15, 2012designing emails for mobile, mobile email best practice, mobile emails, responsive email design

Got a project?

Contact us

Leave us a message and we'll get back to you.

Name *

Thank you for your message.

 

Sign up:

#EMAILWEEKLY

Sign-up to our weekly industry round-up email. Including our top email, design and strategy articles curated by the team each week.

By signing up you agree to receiving the latest updates, tips and industry news.

Thank you for subscribing

hello@actionrocket.co
Hours
HomeServicesWorkReading CornerResourcesEmail WeeklyCareers
 
  • Terms of Use

  • Privacy Policy

© 2011-2023 Action Rocket Ltd. All rights reserved.
Registered in England and Wales, № 07783258. VAT № 130667819

 
White logo.png