Jakob Nielsen in 1997 wrote that users on the web don’t read. That is a myth that held up in the last decade, but he was right in that a lot of us only skim most of what we open.
You have to be prepared that this will happen to your email too.
This is how much time you get – a few seconds mostly. (via. * *MovableInk)
Copy or template first?
Design should always follow content: you should create visuals to emphasize the most important elements of your copy. But how can you do that if you want to create email templates for a campaign?
You should first draw up a draft of your copy. Decide if you want a longer or short one depending on the complexity of your offer.
Use headlines and sub-headlines that catch the attention: make them easy to read and spot, so skimmers can know what each piece of text is about and read more if they want to.
In email you should use the minimum amount of distracting images and graphics, but in this case you can use them to direct attention more effectively – for example with a simple arrow that guides the reader through the most important message and points to the CTA.
Otherwise you should make sure the main points stand out, and you can use that by
- making the text larger, formatting it in a different way
- giving it a contrasting color
- using a typeface different from the main copy.
When you are ready with a template and with a test copy for it (which you can modify for other similar products or services), first test in on yourself. Your most important question should be:
Can you understand what the email is about in just under 5 seconds?
If not, because there are too many message points highlighted or too many distracting visual elements, go back and fine tune the template and make it simpler.
Most people will never read everything you write them, not even if they open the email and click through in the end. But that is not a problem as long you plan for it.
HTML Email Development Tools
Would you like to improve your HTML email development workflow and learn about new developer tools? This article series is for you.Read more
Git Branching Workflows in SaaS Development and the Review ASAP Policy
This article shows you a git branching workflow which helps developers to review changes frequently, leading to better code quality.Read more
Tabular Data Representation in Modern HTML Emails
Responsive tables are the most common ways to represent tabular data in HTML emails. Learn about the best practices and the card layout design approach.Read more