HOLD INTEREST

Communicate clearly

After getting attention, the next step is to hold it, long enough to persuade your audience into taking an action.

Keeping the audience interested is probably more difficult than attracting them. Arguably, it is the function of copywriting, but what if the viewers can’t read what you have to say, even when they want to.

For example – sometimes we see a fantastic email subject line in our inbox, but when we open it, the design is so bad that it loses all its credibility and you just can’t stay on the page anymore. You completely forget about that subject line which looked so great a few seconds ago.

 

Hold Interest

 

All the hard work of crafting an attention-grabbing subject line was undone by poor design (unclear communication). I won’t say that good content always need great design, but I can safely say that bad design can effectively ruin excellent content.

Navigating through bad design is a pain that your readers shouldn’t have to undergo. Therefore, in the next chapter, you will learn how good design can help convey your message better, by making it easy to understand.
Hold Interest

with

hold interest

hold interest

 

PART I

readability

READABILITY

Readability is the ease with which the audience can read your message. Because of course, for a written message to succeed, people should actually read it. Typography and font faces play a very important part in readability, mood setting and perceived article length.

Font difference

A simple play of font, white space and alignment makes this paragraph easier to read

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Fonts

There are a millions of fonts available for free which makes a very avoidable mistake very common – picking fancy over simple. Early in my career, I made this mistake way too often. Overwhelmed with choice, I always chose fancy fonts, ruining the simplicity and readability of the page.

Font Difference

 

When it comes to retaining the visitor, readability is the number one priority. Spend some time choosing your fonts, as they define the personality and character of your message and can also affect the mood of the visitor.

 

Font Difference

Typography

The arrangement of text on a document or a creative is called typography. You can get very creative with it. But, when our focus is highly readable content, a sudden burst of outrageous fonts and shapes can be a distraction.

Typography

Artistic and captures attention, but not readable

 

An experiment, conducted by Errol Morris, tested whether or not typeface influences the way that people consume information. To conduct the experiment, 40,000 readers were presented with the same passage, but in six different typefaces. The readers were then asked whether or not they agreed or disagreed with the passage. Those readers who were given the passage in Baskerville were much more likely to agree with it, especially when compared to Comic Sans and Helvetica. Clearly, the study illustrates the importance of typography and its influence on the reader.

Source -http://www.outbrain.com/blog

Line Spacing

Line spacing is the vertical distance between the lines of text. It has a big role to play in the readability of the content.

Line Spacing

Line height:1.5 Line spacing of 1.5 makes the content much easier to read

 

Line Spacing

Line height: 1 The text looks cramped for space and makes it difficult to read

 

Which one is easier to read?

 

Line Spacing Difference

Email design with default 1 spacing

 

Line Spacing Difference

Email design with 1.5 spacing

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Alignment

Alignment is arranging objects in correct relative positions. When the elements are aligned on a page, you get a stronger cohesive design which is much easier to read and looks attractive.

Alignment

 

Alignment

The graphic on the left is aligned and easier to read

 

 

 

 

 

 

 

LeadSquared’s webinar email template

Readability

Perfectly aligned to the left

 

Alignment

Not aligned completely to the left, making it difficult to read

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Background – Foreground contrast

In the initial pages of the book, we saw how to use different types of contrast to gain attention. In this chapter, we will understand how contrast can affect the readability of the page.

 

BG FG Contrast

Black on white may look great for a few seconds, but reading a full paragraph of black on white tires the eye. It might work well while scanning, but the reverse works best when you want the person to read.

 

BG FG Contrast

 

 

 

 

Black on white was preferred on newspapers because it demanded less ink. But later, it became the standard as the readers found it less stressful to the eye.

 

Which one is less stressful to read?

 

Hold interest

PART II

White Space

WHITE SPACE

White space or negative space is the empty space around the design elements on a web page. Often ignored, it is one of the most beautiful aspects of design. It is literally ‘nothing’ but it makes other things pretty.

with and without white space

LeadSquared’s ad creative:

 

Ad Creative

Good use of white space Bad use of white space

 

White space example: LeadSquared email template

See how white space in this template makes the other elements more attractive and improves readability

 

Email Template

Email template with beautiful white space

 

Email Template

Email template with no white space reduces its readability

 

PART III

illustrations

ILLUSTRATIONS

Illustrations help break the wall of words & make the content easily understandable and pleasing to the eyes. A visual is processed 60,000 times faster than the words because we think in visuals, not in words.

 

An example from our current website

 

integration illustration

Illustration with logos makes it very easy and fast to understand

 

 

integration list

A huge list makes it look like a very hard task, requiring too much effort.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Illustration example: LeadSquared landing page

The illustration makes the page easy to scan and understand

 

Illustrations

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

PART IV

Segmentation

SEGMENTATION

Segmentation is the arrangement of objects in a meaningful manner. A well-structured page can be the difference between highly loved and highly repelling content.

Think that you enter someone’s drawing room

 

Rooms

Where would you prefer to stay longer?

 

In our already chaotic life, we don’t need more clutter, especially not online. Visitors bounce off quickly if the information is not structured clearly.

You can segment the information with the tricks we learned earlier – colour, contrast, encapsulation, alignment etc. The only difference here is the motive – you have already caught the visitors’ attention, now you would use segmentation to make them comfortable enough to stick around.

 

Segmenting information with contrast

 

Segmentation

 

Segmenting information with encapsulation

 

Segmentation

 

Segmenting information with alignment

 

Segmentation

 

Go to Chapter 5

 

Hold interest of your prospects with beautiful e-mails templates.

Try LeadSquared's free demo. contact me