The meaning and outcomes of the reading experience

Designing for the better online reading experience

Definition of the reading experience

The reading experience is a relatively new term in web design. It’s coined to describe the feeling of the user while reading a web page or navigating through an article.

While the reading experience is a crucial factor for design every single page, it’s critical for landing pages. As you can guess, reading experience directly influences visitor’s stay time, page’s bounce rate and user’s conversion rate.

Reading Experience and its relationship with other factors

Some of the factors entailing a better reader experience

Although it’s not possible to propose a comprehensive list of factors related to the reading experience, here, you can find a brief checklist that assures you of some levels of reader satisfaction:

[icon name=”check-square-o” class=”” unprefixed_class=””] Make sure that your font is large and legible.

[icon name=”check-square-o” class=”” unprefixed_class=””]  Combine typefaces and use different styles for headings, subheadings, and body of the content.

[icon name=”check-square-o” class=”” unprefixed_class=””]  Try to make sentences as short as possible (at list in critical parts).

[icon name=”check-square-o” class=”” unprefixed_class=””]  Use bold-type and italic-type fonts to make your content easy to skim.

[icon name=”check-square-o” class=”” unprefixed_class=””]  Keep in mind that the user should be able understand the central theme of the page within 5 seconds.

[icon name=”check-square-o” class=”” unprefixed_class=””]  Use photos, infographics and illustrations (never underestimate their effect)

[icon name=”check-square-o” class=”” unprefixed_class=””]  Make sure that your page is well-formatted both in mobile screens and desktop displays.

[icon name=”check-square-o” class=”” unprefixed_class=””] Count total characters in each line of your page. Something between 50 and 75 characters is the most recommended range. Longer lines will be harder to read and follow (If you have longer lines, it might be helpful to consider more columns in your design).

[icon name=”check-square-o” class=”” unprefixed_class=””]  Never forget whitespace. Consider enough padding for texts and images.

[icon name=”check-square-o” class=”” unprefixed_class=””]  Split paragraphs to smaller parts. Unlike paper-printed articles, here you can even have one or two sentences per paragraph.

[icon name=”check-square-o” class=”” unprefixed_class=””] Use bullets and other graphical icons wherever appropriate.