The "RESPONSIVE DESIGN" Best Practices

39% email consumption happened on mobile devices in 2020.

While there has been a dip in mobile opens from 42% in 2019, this is still a huge number. Your emails, thus, have to be responsive.

  • 01.

    Stick to a single column layout.

  • 02.

    Keep the title font size 22px or more. The copy line width should be up to 6 words of 12-14px font size; the size is ideal for both desktop and mobile. Keep line spacing around 1.5 times the font size.

  • 03.

    Apple recommends a minimum of 44×44 pixels for your CTA button. As far as the font size for your CTA button is concerned, a good rule of thumb is to use 16 px or more.

Making Emails Accessible - IT'S IMPERATIVE

2.2 billion people worldwide have some form of vision impairment. It is thus crucial to follow email accessibility best practices to make your emails inclusive for one and all.

  • Give a logical reading order to your email by assembling the content from left to right and from top to bottom.

  • Use Headers to help your subscribers using screen readers to clearly understand the hierarchy.

  • Use ALT Text for Images as those using screen readers will listen to your Alt text.

  • Avoid center-aligned copy as people with dyslexia may find it difficult to read.

  • As mentioned earlier, your CTA button size should be 44X44 px and the size of the text should be 16 px or more.

  • 5% of the world population is color blind. So, mindful use of colors and contrast is essential. Make sure to include a contrast between text color and the email background color.

Follow these email design best practices and we bet your email templates will not only pleasantly surprise your subscribers but also yield the ROI you are looking at.

Embed this infographic