The all new Pinterest inspired Gmail’s Promotion Tab

Yes, you read that right! Gmail is reportedly making changes under the hood to transform the traditional looking rows of emails, with a sweet looking grid of images. This change only comes for the Promotions Tab, and this is what Gmail has posted in it’s official blog:

“Promotional mail has a lot of images, from pictures of snazzy new shoes to photos of that rock-climbing gym you’ve been wanting to try. But right now, those images are buried inside your messages—and with only subject lines to go on, it can be a challenge to quickly pick out the deals and offers that interest you most. To help you find what you’re looking for faster, you can now sign up for a new field trial for Gmail that lets you view the Promotions tab in a more visual way.”

- See more at: http://kenscio.com/blog/2014/03/26/the-all-new-pintrest-inspired-gmails-promotion-tab/#sthash.RBcX6rsu.dpuf

Guide to a Better HTML Email Design - Images in HTML

You can use as many images in an email message as you wish – the right number depends on the purpose, type and focus of the email. For instance, e-commerce emails often have more images than promotional emails.

Consider using graphic images and buttons to draw a reader’s attention. These images can convey concepts in combination with your copy. Make sure your call-to-action is not only supported by an image but also by text. This way, if the images are turned off, the call-to-action is still clear.

Images for emails should be hosted on a Website and not embedded within the email to ensure proper rendering and to minimize the email’s file size.

Make sure that the alt tags are properly described in text. If the images are suppressed, the recipients still get to see the description in text.

Important note:

Define the size and parameters (horizontal and vertical height in pixels) of each graphic in the tags.

For example:

Email Marketing Best Practices: Use of Buttons, Charts & Other Supporting Images in Email Newsletter

Buttons, charts, and other supporting images should use the colors of your design elements to pull the reader’s eye to the images. Make sure the text color used on your images stands out and is readable. Most importantly, make sure the recipient understands the action with the corresponding text or icons in the Buttons. 


See the examples below: