Other important aspects of the design:
Posted: Thu Dec 12, 2024 9:24 am
Hierarchical information
It refers to the information architecture in organizing and structuring the content in a simple way so that the user can easily locate it when interacting with our newsletter. It prioritizes and classifies the information according to its importance.
The title should be the largest text in the content of your newsletter template
Subtitles should be smaller than the title.
Break your content into short paragraphs, lists, include white space… nobody wants to read a huge paragraph.
Include a CTA that stands out and encourages taking an offline action, such as click here, download your ebook, buy online... As for the location, it is best to find it after the explanatory texts, as people will not take action until they are put into context.
The following template is called Jenn and exemplifies what we mentioned above. The titles can be clearly identified, the CTAs are highlighted, the paragraph it includes is not very long and the subtitles or names of the products/services are smaller than the title but still do not lose prominence within the content.
Graphic design
Colours and images: the choice of colours and images is also fundamental in UX design and is key to engaging your contacts with your message. For example, choose shades of colour that create a good contrast that allows for perfect viewing and reading, such as black and white.
Images can be animated gifs, photos, icons... make sure they are not heavy to avoid long loading times for your email, this considerably affects the quality of the user experience, the size should be less than 1 mega.
Users usually expect to click on images or icons, so include a link to avoid missing opportunities. Use images that help complement your message and that are aligned with your objective. Remember that an image has a greater recall than text.
It's also important to include alt text in case images appear blocked by default for your recipient.
Typography: It is important to choose a font that is legible and easy canada company email list to read. Use bold, italics and underlining to highlight important words.
Whenever you see it necessary, use bullets in your lists. They are very practical and easy to understand. Avoid exceeding 3 or 5 points. Paragraphs with more than 3 lines should be aligned to the left and not centered. Blank spaces are very useful to use between headlines or text boxes.
We recommend that the font size for the text be at least 16px and a maximum of 21px, this way it will be perfectly readable on both a mobile phone and a computer.
Don't forget to underline links, it has become a communicative element where the user intuitively already knows what they can click on.
Use few columns, maximum 3.
Do not include many Calls to Action in the body of the text so as not to distract the reader's attention.
Links must be related to the image, text or section that activates them.
The Repairs Engine template is a good example of graphic design for newsletters. It features an image as the main protagonist, the combination of white, black and touches of blue create a good contrast. The suggested list on the right side of the image is very useful for listing features, advantages or benefits of our brand and the CTAs are very visible and well highlighted.
It refers to the information architecture in organizing and structuring the content in a simple way so that the user can easily locate it when interacting with our newsletter. It prioritizes and classifies the information according to its importance.
The title should be the largest text in the content of your newsletter template
Subtitles should be smaller than the title.
Break your content into short paragraphs, lists, include white space… nobody wants to read a huge paragraph.
Include a CTA that stands out and encourages taking an offline action, such as click here, download your ebook, buy online... As for the location, it is best to find it after the explanatory texts, as people will not take action until they are put into context.
The following template is called Jenn and exemplifies what we mentioned above. The titles can be clearly identified, the CTAs are highlighted, the paragraph it includes is not very long and the subtitles or names of the products/services are smaller than the title but still do not lose prominence within the content.
Graphic design
Colours and images: the choice of colours and images is also fundamental in UX design and is key to engaging your contacts with your message. For example, choose shades of colour that create a good contrast that allows for perfect viewing and reading, such as black and white.
Images can be animated gifs, photos, icons... make sure they are not heavy to avoid long loading times for your email, this considerably affects the quality of the user experience, the size should be less than 1 mega.
Users usually expect to click on images or icons, so include a link to avoid missing opportunities. Use images that help complement your message and that are aligned with your objective. Remember that an image has a greater recall than text.
It's also important to include alt text in case images appear blocked by default for your recipient.
Typography: It is important to choose a font that is legible and easy canada company email list to read. Use bold, italics and underlining to highlight important words.
Whenever you see it necessary, use bullets in your lists. They are very practical and easy to understand. Avoid exceeding 3 or 5 points. Paragraphs with more than 3 lines should be aligned to the left and not centered. Blank spaces are very useful to use between headlines or text boxes.
We recommend that the font size for the text be at least 16px and a maximum of 21px, this way it will be perfectly readable on both a mobile phone and a computer.
Don't forget to underline links, it has become a communicative element where the user intuitively already knows what they can click on.
Use few columns, maximum 3.
Do not include many Calls to Action in the body of the text so as not to distract the reader's attention.
Links must be related to the image, text or section that activates them.
The Repairs Engine template is a good example of graphic design for newsletters. It features an image as the main protagonist, the combination of white, black and touches of blue create a good contrast. The suggested list on the right side of the image is very useful for listing features, advantages or benefits of our brand and the CTAs are very visible and well highlighted.