7 Mobile Email Design Tips


Posted on

Mobile Blog PhotoWith over 88% of people checking email on their mobile phones, senders need to ensure that they are creating mobile friendly emails. Before you send your next email, use the following tips as a checklist to make sure you’re keeping your mobile users top of mind:

  1. 1. Use large fonts. Make your emails easy on the eyes by sticking to font sizes of 14x or larger.
  2. Design for the size of the screen. Not all devices will adjust the screen to suit your reader. Save them the hassle of finger pinching to zoom by designing your emails for the standard sizes of popular devices.
  3. Have a strong call to action. Mobile doesn’t give you lots of real estate (or time), so tell people what you want them to do in the clearest and most concise way possible.
  4. Keep it clean and simple. In addition to a clear call to action, help your readers easily understand your value by sticking to an easy to read one column format…and leave out any complex CSS.
  5. Mix imagery with text. Images get blocked on mobile devices too, so make sure your content incorporates compelling text in case images are not automatically turned on.
  6. Make it easy on the thumbs. Design your emails so that most functions are easily accessible with one hand, and more specifically, are within reach of the thumb. And when applicable, be sure to use white space to your advantage.
  7. Don’t forget the plain text version. While plain text ensures compatibility for all mobile devices, don’t skimp on the design of your plain text emails.

Carly Brantz is a veteran in the email deliverability space working to make email simple and easy for developers by regularly writing whitepapers, research briefs and blog posts about email, technology and industry trends.

3 thoughts on “7 Mobile Email Design Tips

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>