For the past year, digital marketers have been trying to come to grips with the fact that 35 percent of all emails are viewed on mobile devices and tablets. Marketers are asking questions such as:
- How do I create an email template that looks great on an iPhone or Android device?
- How do I know when a user is opening my email on a smartphone so I can send an email with the proper design?
- How do I create design templates for each type of device?</li
At the crux of these questions is an ambitious goal: ensuring customers have the best possible user experience any time they open your email — on any device.
However, the mobile marketplace continues to explode with new products, and it’s now impossible to keep up with designing and testing emails across all the devices being released every month. Just recently, the iPhone 5, Kindle Fire HD, and iPad Mini have been released, all with different screen sizes and resolutions.
Here’s a brief rundown of a few of the more popular mobile devices and their screen resolutions:
Many digital marketers are under the impression that they need to create email templates specifically optimized for laptops, tablets, and mobile devices. The reality is that the marketers I speak with don’t have the design resources to create different versions of each email for multiple devices, and they have even less time to manage this process. Relying on a device-specific email strategy is simply untenable.
Email templates must become device-agnostic
Digital marketers must break out of the device-specific strategy and develop an email design that renders beautifully across all devices and email clients. Imagine that — an email template that adapts responsively and yields messages that are aesthetically appealing on any device, whether it’s a tablet, smartphone, laptop or any other related product.
Sound too good to be true?
Here are three steps to help you quickly ramp up your device-agnostic strategy.
Use a one-column design
Emails that contain multiple columns are the most significant cause for headache in designing device-neutral emails. Multiple columns create problems when your emails are rendered on smaller screens, as the content within each column tends to get squashed together when the smartphone or tablet tries to display the entire template within a small window.
Transitioning to a one-column design as soon as possible will help ensure you’re completely in control of your design and your content appears front and center, no matter which device the email is being rendered on.
Simplify calls to action
The opportunity to create action from emails is varied depending on the device. With mobile and tablet users, you have even less time and real estate to capture readers’ attention. When designing your email templates, optimize your design for the one most significant action you want a user to take. Because we’re now device-neutral, make sure your call to action is big enough for a finger to touch.
Simplifying your calls to action will also make it easier to fit your content within a one-column design. As an added bonus, focusing your calls to action is a smart practice no matter what device is being used to view your email.
Become familiar with media queries
For designers that simply must customize their designs for different devices, media queries provide a way to dynamically optimize your design across multiple devices. Media queries enable you to change the size of text and lay out items based upon the resolution of the device on which the email is being rendered.
For many designers, it’s not incredibly intuitive to start using media queries. However, more and more email clients are supporting media queries, providing an easier way for designers to dynamically optimize their content for different devices.
The bottom line? Break out of the “mobile template” mindset and focus on developing a library of responsively designed, device-agnostic email templates. As more tablets and smartphones are introduced, your emails will continue to render beautifully. Your designers and customers will thank you.
Adam Steinberg is segment marketing director of digital marketing technology provider Silverpop.Silverpop does marketing automation for mobile, email, and social marketing.
VB's research team is studying web-personalization... Chime in here, and we’ll share the results.