Make sure your article is scannable

So how do you create scannable content?

It's actually pretty easy. Just make it easier to read. Make it visually accessible.

Sure! Your words need to be succinctly written and immediately relevant. Especially in your introduction. You've only got a few seconds to reel them in before they bounce onto the next bit of shiny content. They're fickle.

However, your article also needs to be visually accessible.

If you have a dense slab of text it's not visually accessible.

There are a few Golden Rules for making your article copy skimmable:

  1. Less is more - Write short paragraphs
  2. Break it up - Use lots of line breaks
  3. Itemise it - Use numbered and bulleted lists where logical
  4. Heads up! - Use H2s, H3s, and even H4s when necessary

In other words, avoid large blocks of text.

If in doubt, keep paragraphs to no more than three lines of text in a Google Doc.

Break your slabs of text up with lists and creative formatting. Bit of bold here. Bit of italic there. Highlight the words and phrases you want to emphasise. Just don't overdo it.

And think.


White Space (the Web Designer's Best Friend).

Tip #1: One Paragraph. One Idea.

"Who gives a shiitake?"

There's a good post below about The Art of the Paragraph. It references the above quote by Guy Kawasaki who liked to think of an imaginary critic reading over his shoulder, forcing him to make every paragraph (and word) count.

Read these:

Tip #2: People Like Bullet Points. Use Them.

"Bullet points are so common because readers like them."

People read bullet points. They like them because they are easily scannable. They break up blocks of text and draw the scanning eye.

But you can make lists even more likable.

How? Here's how:

Tip #3: Bold, Italic, Underline. Which One Should I Use?

“Should I use bold or italics for this text? I'm confused!”

Bold, Italic, Underline. Oh, and CAPS.

When should you - and when shouldn't you - use them?

As a rule:

  • Use them sparingly.
  • Use Bold to highlight text and capture the reader's attention.
  • Use Italic for quotes, names, dialogue and a weaker emphasis than Bold.
  • Avoid using Underline - it makes it look like a link.
  • Only use CAPS for expressing very strong emotion or acronyms.

Though bold text is great for adding emphasis to a word or phrase, over time it causes eye fatigue and reduces reader comprehension. The use of white space and headers is a far more effective method of calling out important information.

Read these:

Tip #4: Learn from Jakob Nielsen

"If I have seen further it is by standing on the shoulders of Giants."

This metaphor, made famous by Isaac Newton, is about "discovering truth by building on previous discoveries".

Specifically those made by other people. Like Jakob Nielsen.

Nielsen is basically the "guru of Web page usability". He was helping web content creators understand how users interacted with their web pages as far back as 1995.

The web has changed a lot since then, but people haven't. We still behave in startlingly predictable ways.

In 1997, Nielsen said scannable text was about using:

  • highlighted keywords (hypertext links serve as one form of highlighting; typeface variations and color are others)
  • meaningful sub-headings (not "clever" ones)
  • bulleted lists
  • one idea per paragraph (users will skip over any additional ideas if they are not caught by the first few words in the paragraph)
  • the inverted pyramid style, starting with the conclusion
  • half the word count (or less) than conventional writing

Seriously, read these:

More expert insights to help you improve scannability: