At MeYou Health we’ve send out a lot of email as part of our Daily Challenge. One of the things we struggle with is design constancy from browser to browser and with images turned on and off. While our emails are far from perfect, we’re learning and always trying to improve the experience. Here are a few tips we’ve discovered:

• Try to design without images first and only add images to enhance the design
• Never rely on images to convey the main message of your email.
• Use background colors to effectively design your email
• Use old school <table> HTML to code your email. No body likes this but it’s your best shot at getting something that is recognizable.
• Use table borders to create horizontal and vertical lines.
• Be conscious of how you use your “alt” tag

Here is an example of a Hewlett-Packard email rendered in Gmail with images turned off:

Hewlett-Packard email newsletter with images turned off

Hewlett-Packard  email with images turned on:

HP email with images turned on: