What is a wireframe? Consider a wireframe as the structured outline for your email design. For example, are you using one, two or three columns? How much space are you using for your header or footer? Here are a few factors to consider in optimizing your email wireframes:
- Email width. Most email client preview panels are set as default to approximately 600 pixels in width, so the accepted width of emails should be no more than that. Maintaining an email width of 600 pixels max ensures the email displays correctly for desktop email clients with a side preview pane.
- Mobile usage. Most smartphone email clients display content at 320 pixels to 480 pixels wide, so if your email design is wider than that (for example, if it uses different columns for content) consider using responsive design to ensure optimal readability on a smartphone.
- Call to action. Most outbound b2b emails have one call to action. These email wireframes should incorporate a 2-column design with 2/3 width attributed to a body column and 1/3 width attributed to a secondary column. This wireframe can also be used for events, with the smaller column highlighting event logistics.
- Testing time frame. Multiple content blocks can be used for newsletters or as a testing ground for more than one call to action. The goal of this busier email template is to give multiple offers to the prospect or customer. I recommend using this type of wireframe if you have a lot of content you are trying to test within a short period of time. Once you have established the best-performing offers and content, use a two-column email wireframe to serve that offer in subsequent campaigns.
- Audience preferences. In addition to creating wireframes with multiple columns or graphics, consider the impact of a simple text-based email. Recipients in some industries seem to prefer a non-HTML email. For example, I had a client whose text-based emails outperformed HTML emails by 40%; the target audience was an IT vertical that preferred simple emails with little to no graphics.
(Click here to see examples of two-column and multicontent block email wireframes.)
While these tips are tricks are useful, the single most impactful strategy to developing the best email wireframes will be testing. Your target audience may respond to one type of wireframe or another, and only consistent testing will show you results that you can strategically leverage.