Designing emails with preview in mind

Posted on Friday August 6th, 2010 by Antony Malone

Ever thought about how your message looks in email client preview windows? Graphic designers are the first to admit they often overlook this. In this article, we’ll take you through some points that will help enhance your email in the preview window and increase your open and click through rates.

When designing an email, you not only want your email to look good design wise, but also create an impact when previewed in the customer’s email client as the majority of customers will use the default preview pane to view your email. The default preview in most email clients is at the bottom of the screen, although some will opt to have their emails preview to the right of the screen, which is something to bear in mind whilst designing. To complicate matters more you have to think about the possibility that the customer might not want to display images in the preview window.

The preview will be used to decide whether an email is opened or not, which emphasises the importance of getting your design right. Not only is it design you have to consider, you have to think about getting your key points to your message across via the preview pane.

6 ways to enhance your email in the preview window

1. Look at the top of your email – what is actually there, is it appealing? Can this be put somewhere else? Think redesign.

2. If you try and think of your preview window as a snap shot of your email, you need to grab the reader’s attention to make sure they read on as most will decide to do so via the preview pane. Have you thought about which part of your email, your customers are clicking on most and what interests them the most? Make sure you get this information near the top of the emails.

3. Use Alt tags for all images – describe image or action if it has a hyperlink on it. It’s so important if customers have images blocked when an email is viewed in the preview pane as this will give the customer confidence in allowing images to be turned on. It increases the trust between your company and your contact.

4. Create a tracked static link and show ‘view online’ at the top of the email.

5. Subject lines also need to be considered and email clients handle these very differently so the number of characters should be kept quite short.

6. Test and test again. Make sure you like what the email looks like in your own preview window and in other email clients you have accounts with.

There is no doubt that the use of the preview window is used more and more. It’s time to start thinking about redesigning now before it’s too late.
 

Categories:

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <h4> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p> <br> <img> <span>
  • Lines and paragraphs break automatically.
  • Each email address will be obfuscated in a human readable fashion or (if JavaScript is enabled) replaced with a spamproof clickable link.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Links to specified hosts will have a rel="nofollow" added to them.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.

Subscribe to Blog

Simple & Effective Email Marketing - find out more

About Us

extravision is a privately owned UK-based email service provider founded in 2004, with a great ISP reputation ensuring high deliverability rates. We offer flexible email marketing solutions to both small and large businesses across all sectors.

The posting and presence of content in a blog entry on this site does not necessarily mean that extravision agrees with the content, ensures its accuracy or otherwise approves of it. Nothing in any blog constitutes a binding representation, agreement or an endorsement on the part of extravision. Please review the site terms of use carefully.