Readability: Aligning Text

Using Typography to Increase Engagement

aligning textWell designed type aids engagement by optimising readability.

First and foremost, select a legible typeface, of a reasonable size.

Even when aligning text, it helps to be aware of design principles. Then follow these through with consistency.

Fully Justified. Tidy and Unreadable!

This is where lines of text line up on both left and right.

not aligning text fully justified

For headlines: vary font size from line to line. Often used on TV headlines, it looks tidy and… very awkward to read.

For body copy: vary word spacing. It can vary so much, that ‘rivers’ of whitespace appear between the text. This is very distracting. In addition, those with dyslexia will hate you for it.

Why Left Justified works best

aligning text left or centre

With left aligned paragraphs a straight left edge appears. This anchors readers, so they know where the next line will start each time. Paragraphs read faster, so more articles are likely to be read.

With centre text, the starting place changes for each line.

  • Forces visitors to work harder to find the start of each line and continue reading.
  • Slows down reading, as there’s no consistent place to move eyes to, when completing each line.
  • Likely to discourage long-term engagement.

When to use Centred Text

Reserve it for headlines or captions. If the text is just one or two lines, it’s scannable and requires few repeated eye movements.

Be Consistent

Use full width or centered images within a grid to add symmetry. If your images are left or right aligned, within a body or text, left align your text to retain that straight edge.

Combining Headlines and Body Text

centered-headlinesWhen you combine a centred headline with a left aligned paragraph, the unsymmetrical line lengths of the paragraph will make the headline appear slightly off-center.

Similarly a left aligned heading will lose the symmetrical appearance of your paragraph.

Pair centred headlines with centred paragraphs and left aligned headlines with left aligned paragraphs.

When to Use Right Aligned Text

As with centre aligned text, the reader faces the same issue of dealing with an inconsistent starting positioning for each line.

So only use this for one or two line headings or captions.

Follow these rules and you can’t go far wrong.

If it’s easy to use, more people will use it

2017-05-06T11:04:14+00:00 Aug 15, 2014|Digital Affordance, Readability|