Read me!

8 min read

More and more text-based content is shared over the Internet, but not everything is thoroughly read. In fact, by the time this article reaches the next screen, a significant share of you will have already stopped reading.

New York subway, 2019. Photo: Susan Jane Golding, CC by 2.0

studies suggest that on medium, a popular platform for long blog posts, the average read-through rate is around 40 %—that means only two out of five readers that start reading an article, will actually stick around to finish it (though some argue that there is still significant variance). Readymag Stories project read-through data revolves around the same numbers—by the end of each story, we lose over half of those who began interested.

To make things worse, people almost never consume digital content word by word: instead, they rapidly scan the text. “People scan because they’re trying to absorb as much information as they need,” notes Kate Moran, a Senior User Experience Specialist at Nielsen Norman Group.

To make the problem go away, it’s become almost a cliche to blame the reader. According to this view, the public, addicted to everything new and shiny, is almost eager to be bored by text so that they can switch to the next article, video game, insta account, etc.

But what if the problem is deeper, and what is posed as an ethical question is in fact a matter of pure physiology? Some studies suggest that on-screen text might be inherently more difficult to read than printed. That implies that there is no way creators can raise the bar for read-through above a certain level, pre-determined by the properties of a human eye and a human brain.

Still, to increase the chances of their work being seen, great creators work hard to create good content and set it in type, as they always have.

In this essay we offer some advice on how to deal with both.

PART 1

Define and conquer

Let’s start by defining readability. According to a classic paper by Edgar Dale and Jeanne Chall, readability is “…the sum total (…) of all those elements within a given piece of printed material that affect the success a group of readers have with it. The success is the extent to which they understand it, read it at an optimal speed, and find it interesting.”

In other words, readability is a metric that evaluates the ease and comfort of reading a particular text.

part 2

What makes on-screen readability special

Contrast

The pioneers of readability studies were obviously only dealing with printed text. However, by the end of the 1960s, computers with led screens had become relatively mainstream. Due to their inherent properties, they turned out to be more demanding on the eye.

Glowing screens make the reading experience physically different from a paper that only reflects light—the higher the brightness level, the stronger the effect. “If you set the brightness up much too high, a direct focus of light will come into your retina, causing fatigue,” explains Nick Sherman, a typographic consultant and the founder of hex projects typographic company.

High contrast between the type and the background ensure good readability

This problem can be partially tackled by selecting proper contrast color schemes, keeping brightness levels at bay. Some great tools that measure text contrast are: Webaim color contrast checker, Luminosity contrast ratio analyser, Color contrast check, and Color contrast visualiser.

 

Resolution

The second hindrance factor is resolution—the number of dots within a given area that can be used to convey visual information. Resolution is measured in dots per inch (dpi) or pixels per inch (ppi), with these terms used interchangeably. MacBook retina displays (praised for their high resolution) have still only exceeded 200ppi, while offset printing offers 2400dpi or even higher.

Most fonts that weren’t specially designed for computers tend to decline in readability when displayed on monitors. Historically, the two major it giants, Apple and Microsoft, have offered different solutions.

The key feature in macos font rendering was so-called anti-aliasing—a technique used to add pixels of different color to letter fringes, making them look more smooth.