Internet
How to
Newspapers
Twitter
SEO advice
Categories: Bad reviews, How to, Internet. Tags: , , , , , , , , , ,

Newspaper sites: PLEASE improve your readability

April 20, 2009 6 Comments

Most newspaper websites are doing a bad design job in making their stories readable.

Guardian (13.98px Verdana) vs Express (12px Arial) default font size

Guardian (13.98px Verdana) vs Express (12px Arial) default font size

Too many are using:

  • small fonts,
  • long off-putting paragraphs,
  • no subheadings,
  • no in-content boxes or pictures, and
  • no in-content links.

To explain more, I've written a companion post on online readability (design, not writing).

And here's an example each of their news stories so you can see the issue: Daily Mail, Express, FT, Guardian, Independent, Mirror, Sun, Telegraph, Times.

Main readability design mistakes

Here are the ways I think they're going wrong - underneath the table I describe the main ways.


Tiny fonts

They are all using font sizes that are too small for comfortable reading on copy-heavy pages.

Only the Guardian, Independent, Mirror and Telegraph offer obvious controls for resizing text. But most of the sites use 12 or 13px fonts for body copy.

I think this is to small to be the default. This site uses 16px (well, 100% actually) - I reckon they should all use this.

No sub-headings

Astonishingly, not a single major newspaper site uses sub headings in its news stories, (apart from the Sun occasionally) despite this having been a generally accepted web readability recommendation since 1997 when it comes to helping people read webpages.

Long paragraphs

Nearly half use long paragraphs, serving up great slabs of unappealing copy.

This makes the pages hard to scan and read - again, despite using shorter paragraphs online being a standard online guideline.

Bad readability

These three are vying for last place when it comes to readability. I can't believe anyone could comfortably read these pages for long:

  • Express - A small font, expressed in absolute pixels, so Internet Explorer users can't even make it bigger. And the Express full-justifies its copy, making it harder to read as the gaps between words are different on each line. A complete pig's ear.
  • Independent - A small font combined with multi-sentence paragraphs. A readability nightmare, even if there is a text-resize control.
  • Daily Mail - The Mail does a good job of breaking up its pages with pictures. But its font size is too small, and there are no subheadings in the copy to help the user understand what the story is about or give the eye a rest.

Fairly poor readability

  • Mirror - There's a font size control (although this is a poor second to having a big enough font in the first place). And although it's only 12px, the Mirror is at least using Verdana which is easier to read than Arial at small sizes. This, plus its use of short paragraphs, rescued it from the 'bad' list.
  • Telegraph - Default font size is too small (smaller than that of the Times and FT), although there is a control to make it bigger. It uses short paragraphs, but for me it's all still too hard to read.
  • Times - A slightly bigger font than the Telegraph, but no text size control, and paragraphs are too long. Someone introduce the CMS people to the return key ...
  • FT - The font is starting to get big enough. But while it's paragraphs tend to be only one or two sentences, the sentences themselves tend to be long. You'd still have to really want to read a story to plough to the end of it.
  • Guardian - Its font size is almost big enough for my liking, and I nearly put it in the 'getting there' list. But its paragraphs are too long, and there are no in-content devices (boxes etc) to break up the copy.

Getting there

  • Sun - A nice big font, short paragraphs, copy broken up with images, and occasional sub-headings. Probably the best of them - some more sub-headings would really help though, and I'm not convinced by the Georgia font or the occasional use of italics.

Newspaper website readability: table notes

Verdana and Arial are the same height at a given size, but Verdana is wider. At small font sizes, Verdana will be easier to read as it will look bigger. At bigger font sizes, it appears to stretched. The Sun is using Georgia, so its font sizes can't be directly compared to the others - at a given size, Georgia looks smaller than Arial and Verdana.

The Sun is also using SIFR to replace standard web fonts with a custom one in its headlines.

The Guardian is the only site to use in-copy links. These are a good idea to help people read a page, as they draw the eye and encourage people to keep reading. However, the Guardian has an annoying habit of linking keywords to its own pages when you might think they are external links.

The Independent treats its own stories (standfirst, long paragraphs) differently to agency-sourced ones (no standfirst, short paragraphs). The table shows information for its own stories.

Headings explained

These findings are all for the news pages. Other sections may be treated differently.

  • Headline size -Default font size (in pixels) for the main headline.
  • Font size -Default font size in pixels for the body copy. The Express is set to an absolute size of 12px. The rest are in EMs, and I've assumed a 16px starting font.
  • Body font -The first font listed in the CSS.
  • Standfirst - Is there any summary or introduction to the news stories (EG a bold first paragraphs, or a more traditional standfirst)?
  • Sub headings - Whether the copy is broken up with sub-headings.
  • Short paragraphs -Are paragraphs kept short - 1 or 2 sentences, maximum. Or are there huge sections of copy that have probably been lifted verbatim from print?
  • In-content boxes -Is there any attempt to break up the web copy with boxes (Eg ones with 'More ...' stories).
  • In-copy links - Are links routinely used in the copy?
  • Obvious text size control - Is there an obvious way to control the text size (I know you can use the browser to do this, and you probably know it too - but my mum doesn't. And I bet most people don't).

Thanks to the excellent Firebug with deciphering the style sheets.

You might also like
  1. Design, readability and websites
  2. Sites that drive the most USA traffic to UK newspaper sites
  3. 90 minutes later, some newspaper sites haven’t published the football score
  4. How US traffic is vital for UK newspaper sites
  5. Google street view: which news sites linked?,

Share this post

Follow me on Facebook or Twitter

6 Comments »

  • Hey Malcolm, this is spot on! With newspapers going out of business across the country, maybe if they took a bit of time to understand the needs of the aging population, they'd actually have a shot at putting together a decent online version of their paper instead of folding outright.

  • [...] a companion post on online readability (design, not writing - and this post was first published here). And here’s an example each of their news stories so you can see the issue: Daily Mail, [...]

  • Alan Rutter says:

    Aside from the tiny font size, Malcolm - which is bemusing to say the least - the reason newspapers are making all of these errors is because they're shoving up print content. Breaking the copy into smaller chunks, adding subheads, re-styling and putting in accurate in-copy links all involves extra work, which they're not investing in.

    The reason that The Sun comes out best here is because they write the copy in short sentences with subheads anyway for the paper. Incidentally, The Sun has always been notably for being written for a much lower 'reading age' than any of the other examples you cite.

    • @Alan - I actually wrote a section saying just that about print content, workflow, CMSes etc. Then I took it out as I realised that half the stories I was looking at must surely have been published online FIRST.
      So there seemed no excuse not to include sub-headings, which could then easily be subbed out / automagically removed when transferred to the print system.

      • Alan Rutter says:

        If that's the case Malcolm, then you're right - no excuse. I can only think that even though the content is going online first, the publications in question are formatting it for what they see as their 'primary outlet': print.

        I've done a lot of work on parallel online and print workflow systems, and this is a mindset that's very hard to break - although frankly, anyone who wants to run a cross-platform operation needs to get this right asap.

        Very interesting post by the way!

  • Luis says:

    Hi Cole,

    I will consider to increase the font size of my blog. I use glasses and your font size it was very easy to read for me and No I am not an old guy, I just turn out 38.

Leave a comment!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.