- Email Marketing Tips - http://www.aweber.com/blog -
An Email Designer’s 3 Mobile-Friendly Rules
Posted By Rebekah Henson On January 23, 2014 @ 10:33 am In Email Marketing | 3 Comments
We told you about the new mobile responsive templates we released . They make your emails look AWesome everywhere instantly without any extra work from you.
But there are still a few things you should keep in mind for your mobile email readers. Your email might look good on mobile, but is it readable?
We talked to Julie Jarrett, one of our in-house designers (who actually designed the new templates just for you!), and got some tips from her for how to make your mobile emails readable everywhere.
“Keep the message brief,” Julie says, “because your reader is most likely on the go.”
Think about it. You’re out with friends, or at an event, or walking around downtown. You get an email notification on your phone. How long are you going to stop and read it for? Probably not very long.
Get your message across in as few words as possible so your readers know what’s going on when they don’t have time to read a whole email.
This pairs with Julie’s first tip. Keeping your message brief is easy if you have a strong visual to share in place of text.
But what if your message depends on text? “Break up paragraphs into bullet points instead,” Julie recommends. “They’re faster to read than a paragraph.”
Bullets set the key points apart to highlight them, as in Exhibit C here:
Julie’s third tip: “Avoid using columns.” While columns keep your information neat and structured on desktop, “the information might end up squished on mobile.”
What does this look like? Here’s an email that uses a sidebar column. Take a look at the desktop vs. mobile versions.
Everything’s where it should be: the sidebar is thin, letting the text take center stage.
The sidebar takes over! The text gets “squished” over into a thinner column on the left when the email re-sizes itself to fit the smaller screen. It’s harder to read and requires more scrolling.
If you have social or navigation links in a sidebar (like the example above), try moving them to your header or footer instead so you don’t crowd out your main message.
Got any mobile design tips of your own to share? What makes a good mobile email to you? Share in the comments!
Article printed from Email Marketing Tips: http://www.aweber.com/blog
URL to article: http://www.aweber.com/blog/email-marketing/3-tips-for-awesome-mobile-emails.htm
URLs in this post:
 new mobile responsive templates we released: http://www.aweber.com/blog/email-marketing/mobile-responsive-email-templates.htm
 Image: http://www.aweber.com/blog/wp-content/uploads/2014/01/Screenshot_2014-01-15-10-17-11.png
 Image: http://www.aweber.com/blog/wp-content/uploads/2014/01/Screenshot_2014-01-14-14-37-24.png
 Image: http://www.aweber.com/blog/wp-content/uploads/2014/01/Screenshot_2014-01-14-15-09-55.png
 Image: http://www.aweber.com/blog/wp-content/uploads/2014/01/Screenshot_2014-01-14-15-41-01.png
 Image: http://www.aweber.com/blog/wp-content/uploads/2014/01/Screen-Shot-2014-01-14-at-2.35.53-PM.png
 Image: http://www.aweber.com/blog/wp-content/uploads/2014/01/Screenshot_2014-01-14-14-35-33.png
Copyright © 2008 AWeber Communications, Inc. All rights reserved.