draws attention to the CTA
Posted: Sat Dec 07, 2024 6:00 am
Next up is an example of the inverted pyramid newsletter layout which by default leads readers to the CTA. But remember: for the CTA to generate a click, your email copy should be aligned with the CTA copy.
Then comes the F pattern newsletter design qatar mobile phone numbers database which works brilliantly for plain text emails. From a design perspective, the goal should be to reduce cognitive load by:
highlighting important information in bold,
writing paragraphs that are no longer than a sentence or two, and
Using bullet points where necessary.
For inspiration check out Marijana Kay's newsletter:
Bonus tip: Do a squint test or use this cool Chrome extension to vet your newsletter’s visual hierarchy. A blur test done on an email from Lush confirms that design scores high on visual hierarchy.
Source
Further reading: 5 Email Design Best Practices for 2020
#2 Leverage negative space
Negative or white space is the space left between or surrounding design elements. You would have seen it in logos, posters, website layouts, and even in paintings. Could newsletters be far behind? Nope.
As it turns out, why using it amps up your newsletter layout design can be found in the Gestalt principle of proximity.
When elements are grouped, we tend to take a mental shortcut and perceive them as being related to each other compared to those spaced further apart. Suffice it to say, when used strategically, negative space:
amplifies visual hierarchy
enhances scannability and readability by breaking the content.
Email from Everlane checks all the above-mentioned boxes. There’s a perfect spatial relationship between various elements and the overall layout. The logo and CTA stand out and the text is legible, engaging the user to scroll the entire length of the email.
Source
#3 Use directional cues
Directional elements can be explicit (an arrow) or implicit cue (a person’s gaze). Both do a fabulous job by taking the effort out of the equation by suggesting recipients where to look.
See the downward arrow in the email from Away? You can’t help but follow it and scroll down.
Source
Similarly in the email from Alex Mill attention is immediately drawn to and rests on the CTA:
Then comes the F pattern newsletter design qatar mobile phone numbers database which works brilliantly for plain text emails. From a design perspective, the goal should be to reduce cognitive load by:
highlighting important information in bold,
writing paragraphs that are no longer than a sentence or two, and
Using bullet points where necessary.
For inspiration check out Marijana Kay's newsletter:
Bonus tip: Do a squint test or use this cool Chrome extension to vet your newsletter’s visual hierarchy. A blur test done on an email from Lush confirms that design scores high on visual hierarchy.
Source
Further reading: 5 Email Design Best Practices for 2020
#2 Leverage negative space
Negative or white space is the space left between or surrounding design elements. You would have seen it in logos, posters, website layouts, and even in paintings. Could newsletters be far behind? Nope.
As it turns out, why using it amps up your newsletter layout design can be found in the Gestalt principle of proximity.
When elements are grouped, we tend to take a mental shortcut and perceive them as being related to each other compared to those spaced further apart. Suffice it to say, when used strategically, negative space:
amplifies visual hierarchy
enhances scannability and readability by breaking the content.
Email from Everlane checks all the above-mentioned boxes. There’s a perfect spatial relationship between various elements and the overall layout. The logo and CTA stand out and the text is legible, engaging the user to scroll the entire length of the email.
Source
#3 Use directional cues
Directional elements can be explicit (an arrow) or implicit cue (a person’s gaze). Both do a fabulous job by taking the effort out of the equation by suggesting recipients where to look.
See the downward arrow in the email from Away? You can’t help but follow it and scroll down.
Source
Similarly in the email from Alex Mill attention is immediately drawn to and rests on the CTA: