Open Enrollment | Subscribe to Target Marketing HERE
Connect
Follow us on
Advertisement
 

10 Email Design Best Practices for a Mobile World

April 9, 2012 By Christina Galbornetti
2
Get the Flash Player to see this rotator.
 

Standard email best practices were developed to optimize email for desktop users viewing through Web browsers or email clients. However, email is increasingly being read on mobile devices. According to Return Path, mobile email open rates increased 34 percent in the second half of 2011, while webmail and desktop opens declined. Which best practices still apply to designing email for a mobile world?

In fact, most email best-practice advice leads to designing emails that are scaled down and cleaner. Based on experience, a clean and simple design is one of the best solutions to overcoming spam filters for acquisition email marketing. The bonus is that it renders nicely on a mobile device too. Here are the 10 top email best practices when designing for mobile devices:

1. Aim for 450 too 500 pixel width if you want one template for both desktop and mobile users. Conventional emails are set to a fixed width between 550 and 600 pixels, which is ideal for average desktop computers. However, mobile screens are much smaller; the most common mobile email readers are in a range of 320 pixels.

iPhones allow for a 300-pixel width when held vertically and a 480-pixel width in landscape format. iPhones also resize emails to fit the screen, but many other smart phones don't, so it makes sense to design for the lowest common denominator. The benefit is not only that you ensure the recipient sees as much of your email as possible, but also that it limits the aggravation of scrolling side to side when viewing on a mobile device.

2. Using images and alt tags: Image to text ratio is another factor to contend with when dealing with spam filters, so a 60/40 text to image ratio should be maintained for best results. Image file sizes need to be considered because a mobile device will not load images as fast as a desktop or laptop. Not to mention, they eat up those valuable limited data plans. Try to keep the size of each image at 20k or less. The overall file size of the email should not exceed 50k to 70k. Do not use Flash or gif animations, they won't work and just add to the overall file size of the email.

Alt tags are snippets of text related to an individual image that are commonly used in email so that before an image loads, the user has an idea of what the image is, what the offer might be, or the overall theme of the email.

 

Companies Mentioned:

2

SPONSORED CONTENT

MORE ON ONLINE MARKETING >>

FROM THE BOOKSTORE

As important as email marketing is, being an expert at it is no easy task. But do not fret. Email Marketing 2014 provides the trends and best practices you need to follow. You'll find: 21 email trends charts featuring data from Who's Mailing What!Analysis of 11 effective cross-channel emails Best practices covering everything from email copywriting and design to data, metrics, CRM, deliverability and more4 email case studies Email Marketing 2014 Trends, Best Practices & Case Studies

As important as email marketing is, being an expert at it is no easy task. But do not fret. Email Marketing 2014 provides the trends and best practices you need to follow. You'll find: 21 email trends charts featuring data from Who's Mailing What!Analysis of 11 effective cross-channel emails Best practices...

ORDER NOW

To help determine what marketers can do and should be doing with the exponential growth in mobile device ownership, Daniel Rowles gives practical and hands-on training on how to design, implement and measure an effective digital strategy.  Mobile Marketing How Mobile Technology is Revolutionizing Marketing, Communications and Advertising

To help determine what marketers can do and should be doing with the exponential growth in mobile device ownership, Daniel Rowles gives practical and hands-on training on how to design, implement and measure an effective digital strategy. ...

ORDER NOW

 

COMMENTS

Click here to leave a comment...
Comment *
Most Recent Comments: