4 Crucial Elements of Website Readability that Impact Conversions

4 Crucial Elements of Website Readability that Impact Conversions

One of the most important aspects of any website is content. You've probably heard the phrase "content is king", made famous by Bill Gates. In fact, 60% of marketers create at least one piece of content each day. That's a lot of content!

Image source

But do you know what the missing element of most online content is? Readability. When it comes to owned media (that is content that you own, such as what you publish to your website), the most important factor is that users can actually read it! Note we're not talking about lexile readability here… no, no, no. This is web readability as in "why does this content make my eyes bleed?". The absolute worst case scenario is that users are overwhelmed by the sheer mass of your content, or its formatted so poorly that they instantly decide to hit their browser's back button. Think about why you're creating content. The top digital marketers measure the success of content marketing by analysing things such as:
  • Web traffic
  • Direct sales
  • Sales lead quality
  • Sales lead quantity
  • SEO rankings
  • Inbound links
These are some reasons why we create content. When you look at that list, it becomes easy to see that you cannot achieve these indicators of success if your content cannot be easily read! content marketing measurement

Image source

This post looks at the 5 elements of web readability, and how you can utilise them to increase your conversion rate and get more subscribers, enquiries, and revenue.

The 4 Elements of Readability

The primary elements to consider when optimising your website for readability are:
  1. Font / typefaces
  2. Characters per line
  3. Spacing & page breaks
  4. Attention cues & formatting
[vc_separator type='normal' position='center' color='#818181' thickness='1' up='' down='']

#1 Typefaces

Your typeface or font is the most basic element of your website's typography. Typography is simply the way that text is arranged on a page or document. Your font selection is an integral part of typography. In fact, typeface is so important it can actually impact how much people trust your content, as per a study by the New York Times in 2012. The Times quizzed 45,000 readers to see if different types of fonts impacted how much readers believed the claims made in an article. 45,000 readers quizzed. "Did typeface matter? Oh yes. The informal Comic Sans inspired the most ire and dismissal, while the more formal Baskerville was the most trustworthy. The results were so definitive, even the experimenters were surprised at the extent of typefaces' influence over reader psychology and its overshadowing straightforward, factual content." Source There is also psychology to choosing the right font for your website. This infographic by CrazyEgg illustrates how we perceive different font types: Psychology Behind Typeface

Image source

Tips for choosing a typeface
  • Consider your audience and choose a font that fits the specific context of its use e.g a bolder font may be more appropriate for headings.
  • Serif fonts (font with "feet" or lines attached the ends of their letters) are typically thought to look more serious or traditional.
  • San serif (which literally means "without serif" aka no little links) are considered more modern typeface
  • Script fonts (such as those in a cursive style) are usually used to either show elegance or to give a more casual, hand-drawn feel.
If you're having trouble deciding, an eye-tracking study done by Google & IBM found that serif fonts were slightly more readable than san-serif fonts.

#2 Characters per line (CPL)

Characters per line (CPL) or also known as "terminal width" is the maximum number of fixed-width characters that appear on a single line. CPL is a very important aspect of readability as people consume content differently on the web. We read websites casually, usually skimming over text to get a sense of the overall document or web page. we dont read every word individually

Image source

Because we don't read every word individually and use our peripheral vision to find the next spot to focus on, having a lower character per line limit is generally better. For example, in the highlighted section of this image which column would you consider easier to read? website readability example of columns

Image source

Clearly the right hand column is easier to read, as it gives us a smaller area to focus on, and reduces the CPL. Webtypography.net recommends the following for character limits per line: "Anything from 45 to 75 characters is widely regarded as a satisfactory length of line for a single-column page set in a serifed text face in a text size. The 66-character line (counting both letters and spaces) is widely regarded as ideal. For multiple column work, a better average is 40 to 50 characters." Tips for lowering your characters per line
  • Don't spread content across full width of page
  • Utilise columns to break up content
  • Decrease paragraph length
  • Use a bigger font
[vc_separator type='normal' position='center' color='#818181' thickness='1' up='' down='']

#3 Spacing and Page breaks

Nobody enjoys a cramped reading experience. Line spacing gives people room to breathe when reading your content, which is an important factor in conversion optimisation. The proof is in the pudding. Numara Software was able to increase their monthly sales pipeline by $330,000 by optimising the spacing of their content. Step 1 in this process was improving website readability: numara font test

Image source

When you compare the original font and test font, the most obvious difference is the spacing. The outcomes from the change are as follows:
  • improved the bounce rate by 10%
  • improved site exit rate by 19%
  • Increased pages per visit by 24%
  • 133% improvement in form conversion rate.
By optimising their readability they were able to get 133% more web enquiries. What would 133% more enquiries do for YOUR business? I assume a lot. Tips for improving spacing
  • Increase font size
  • Reduce characters per line
  • Add spacing/padding between paragraphs
  • Consider moving wide blocks of content into columns
[vc_separator type='normal' position='center' color='#818181' thickness='1' up='' down='']

#4 Attention cues & formatting

Improving readability also means improving comprehension. If your content readability is low, your website visitors with come away with less information. A less informed website visitor means they're less likely to convert. In fact, a Nielson norman Group study shows users typically only read around 20% of the words on a page, per visit. This means if you publish a 1000 word blog post, your visitors are maybe reading 200 words of it. So now that we know that your website visitors are ignoring most of your content, how can you optimise it to increase readability and comprehension? Text formatting. Here's an example of a really well formatted section from the slack website: slack image Here the author combines multiple formatting styles to make the content very easy to read, as well as drawing attention to specific important information with a box and icon. Tips to improve text formatting
  • Utilise bolding
  • Use block quotes when appropriate
  • Integrate emojis when possible
  • Separate content using lists (numbered or bullet points)
  • Break up content with subheadings
  • Use horizontal lines (hr tag in HTML) to separate content
[vc_separator type='normal' position='center' color='#818181' thickness='1' up='' down='']

Bringing it all Together

As you can see, there are a lot of benefits in dedicating some time and research into your website's readability. It can dramatically increase your conversion rates, and better educate your audience on why they should choose your product or service. To get the most out of this experiment, you must test all of your changes. To test how these changes have improved your conversion rates, do the following:
  • Setup conversion tracking for web enquiries & subscriptions
  • Compare conversion rates of before & after
  • Measure time on site before & after implementation
  • Compare pages per visit before and after the changes
  • Compares before and after bounce rates
This post was written by Blake Smith and brought to you by holistic digital marketing agency E-Web Marketing. Get an analysis of your website for free by the experts at E-Web.

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

Leave a Reply

Your email address will not be published. Required fields are marked *

Top Rated Articles

How your company can adapt to the Digital Revolution

Over the last couple of years, technological innovation has brought about a rapid change in the customer service landsca

LEARN MORE

Will Marketing Automation Help Your Business Grow?

Marketing automation software can benefit your business in a number of ways. It is a great way to increase traffic, enco

LEARN MORE

How CRM Can Maximize Customer Lifetime Value (CLV)

"Keep your customers always on the frontline," this is a key philosophy to running a successful business. Customers are

LEARN MORE

Recently Viewed

How I changed my Facebook Business Page Name

I started a Facebook page for my business many years ago. I had spent thousands of dollars running ad campaigns and gain

LEARN MORE

How to Systemise your Business

I think it’s really important that if you’re building a business, you’re systemising. I see too many people who

LEARN MORE

Important Questions You Need To Ask Before You Delegate

As a small business owner, there are times when you feel like you are handling everything on your own and even when you

LEARN MORE
  • Over the past 6 months the incredible team at MMP have supported us to shift our attitude towards our business & month on month our revenue is increasing to the point we will be able to employ additional staff to support our business goals long into the future. Do not regret our decision one single bit!

    • Emma Reece

  • Working with my coach has enabled me to see the areas where my business is failing. This was pretty confronting to me to be honest. MMP has the tools to improve these areas and the guidance on how to implement them.

    • Sharon Robinson

  • I have been working with Max My Profit for approx 3 years now, and over that time I have learnt a lot of things about not only what it takes to run a business, but I have also learnt things about myself. I don't believe i'd be the person or have the business I have today if it wasn't for Max My Profit and our Business Excelerator. Great team to work with if you want to take your business serious!

    • Ben Choy

  • As a new client for Max My Profit (MMP) it has taken no time at all to realise the benefits of business coaching. Despite many years of senior management experience starting a new business requires best practice systems and processes built on a solid platform of detailed planning. I look forward to the benefits of adopting the formula being shared by MMP.

    • Campbell MacLeod

  • Max My Profit Are truly awesome at what they do. They have helped me over the past 12 months to get off the tools in my business and start working on my business. I am looking forward to 2019 with enthusiasm not concern. Thanks so much.

    • Aaron Kemp

  • If you are committed to Growth the Max My Profit Team has the tools and expertise to excelerate all areas of your life. They Care, They Listen, They Understand You as an Individual first then they focus on Your business. Thank you Max My Profit my rating is a 6/5 - Kindest Regards The Mr Handyfix Team

    • Catherine Kavadas

  • The team at Max My Profit are an absolute pleasure to deal with. I love working with a team who is on top of what they are doing and have a clear view of what they are working on with you and helping ensure you get to the end goal.

    • Lauren Watts

  • I have been working with MaxMyProfit over the years and what they do for SME's in growing their business is fantastic. Also due to there knowledge and their supporting material for companies across the 5 lifestyle stages and assisting them through this process day in day out is extremely comforting as a small business owner and have referred them many businesses over the years.

    • Steve Laingy

  • Working with a business coach from MaxMyProfit has been one of the best things I have done for my business. I had several other coaches before MaxMyProfit but these guys are a step above the others. I have seen a significant increase in sales, now have a business that can run itself and the coaching program has paid for itself many times over.

    • Matthew Kitchin

  • Much more than just business coaches. There is an absolute treasure chest of business knowledge in their members site.

    • Iain Campbell

  • Max My Profit are unique as they really partner with you to develop and implement a plan that will drive success for the business. I was hesitant to proceed as previous business coaches tell you what to do and rely on you to implement.

    • Michael de Haan

  • I attended one of Max My Profits introductory events in Melbourne. Having been an accountant for almost 30 years, I was somewhat sceptical. Boy was I wrong. I not only enjoyed the presentation, but I gleaned so much from just that session.

    • Daniel Odd

  • These guys are an absolute wealth of knowledge for Small Business. The programme and support networks they have set up ensure learn more every day and can take your business from good to great. Thanks so much.

    • John Butler