email Templates: Best Practice

Document created by Michael Kinens Employee on Jun 27, 2016Last modified by Michael Kinens Employee on Nov 14, 2017
Version 3Show Document
  • View in full screen mode

Best Practices: Design

  • Emails should be 600-800 pixels maximum width. This will make them behave better within the preview-pane size provided by many clients.
  • Design for simplicity. Avoid complicated designs that require HTML coding.
  • Assume images will be initially blocked by email clients, or that certain images—background images, for example—will completely fail to load.
  • Don’t design an email that’s essentially one large, sliced-up image. While these kinds of emails look pretty, they perform poorly.
  • Use basic, cross-platform fonts such as Arial, Verdana, Georgia, and Times New Roman.
  • Avoid elements that require Flash or JavaScript. If you need motion in an email, a .gif is your best bet.
  • Don’t forget about the mobile experience! Is your email readable at arm’s length on a small screen? Will the images slow its load time on a mobile device? Are your links easy to press with a thumb?
  • Test, test, test. One option is to create email accounts across various services, and send emails to yourself (very time consuming!). You could also opt to undertake this exercise utilising various 'testing' services.  A good 'subscription based' service is Litmus or you could utilise a free service such as Inbox Inspector.

 

Example:

 

 

&MASTER more...

 

~ INNOVATE more...

1 person found this helpful

Attachments

    Outcomes