Our content is reader-supported, which means that if you click on some of our links that we may earn a commission. He holds 79 United States patents, mainly on ways of making the Internet easier to use. The way you style and structure your content is of utmost importance when it comes to effectively communicating with your visitors. Behind the scenes, the text will be styled using web fonts and CSS properties such asbackground, text-shadow and color. Justified text can produce unevenly enlarged spaces between certain words, sometimes known as “rivers”.

  • A value of 1.3 to 1.5 is optimal, depending on the font.
  • Of course, you may be writing for a technical or academic audience.
  • First of all, make sure you highlight relevant keywords to identify the main point per paragraph.
  • You must create CTA buttons that pop off the page, so your audience doesn’t miss them.
  • Crowded pages will leave your audience feeling confused and overwhelmed, and may even cause them to leave your website altogether.

Understanding how people read and why they read the way they do is vital for creating an optimal reading experience. In this article, I want to highlight best practices that will improve readability and ultimately, user experience for your users. Important to note is that B2B readability scores are lower than e-commerce sites. It speaks to a different side of user behavior, and the way B2B websites are used to communicate value. Typically, B2B products and services have longer lead times and are more costly. As a result, these companies need to create content that continues to communicate value and justify a more expensive purchase.


An error occurred when getting the results, please click here to try again or modify your search criteria. Questions, especially those with pronouns, are particularly effective. Line25 was built in March 2009 as a place to share web design ideas and inspiration through articles, tutorials and examples of stunning site designs. Be the first to see new posts by subscribing by RSS, have new content delivered by Email, or join Line25 on Twitter. Don’t use italics for blocks of text, otherwise, they will reduce overall readability. Underlining works similarly, but you should double make sure that the underline isn’t mistaken for your site’s hyperlinks.

Creating a mobile-friendly website will help you boost user engagement and earn more conversions for your business. In fact, 67% of users are more likely to buy from a mobile-friendly company. So, if you haven’t optimized your site for mobile, you’re missing a prime opportunity to earn conversions. They help create points of interest on your page and break up the text, and you want them to be high-quality images too.

When evaluating your own website’s readability, we recommend starting with a tool like Datayze to get an understanding of your site overall. If your site’s average score falls below 60, you have some work to do. To maximize your impact, start with your site’s entry points and conversion pages. Whenever possible, reserve highly-technical content for resource pages. Is readability the primary factor in your conversion rates? Even in our limited study, it accounted for as much as 13% of conversion, and that’s no small thing.

Do All Businesses Have Same Marketing Needs, Or Different Ones?

With over 50% of Internet traffic coming from mobile, you must offer a site that works on handheld devices. You can use a tool like Kraken to compress image file sizes without https://globalcloudteam.com/ compromising the quality. Next on our website best practice checklist involves images on your site. Sorry, no results have been found, please try other search criteria.

website readability best practices

There needs to be some space (although not too much!) between each run of text, to separate them. A value of 1.3 to 1.5 is optimal, depending on the font. Provide the right amount of space between lines of text. For most content work, the interline spacing (line-height) is applied automatically. It’s very hard to digest large chucks on text at once.

These serifs lead the eye to the next letter, but it only works in high resolution. At low resolutions, this additional complexity actually makes the text less clear. Serif font is the traditional font, used for hundreds of years. It looks more old fashioned and has a slightly more elaborate touch.

Technique: Readable Paragraph Text

If your content is a tough read, no matter how much sweat and tears you’ve ploughed into researching and writing it, it’s just not going to engage the reader. And readers that depart are no good for bounce rate signals. Of course, if you need help, we’d love to hear from you. After all, we’re a team of nerds who spent considerable time conducting a study of how readability relates to conversion rate. Portent’s site features some highly technical resources, but the rest of the site features more readable content.

They present an excellent division between the elements of the layout. What appears to be technically called “white spaces” is just mere spacing. It is about leaving white spaces in your content work.

website readability best practices

Choose two or three major statements to showcase in big, bold text. Putting them in quotation marks makes them more eye-catching. Words with four or more syllables are considered difficult to read, so try to simplify as many longer words as you can.

Establish Your Target Audience

Traditionally, graphic designers have always studied the fundamentals of typography in terms of print design. But as the role of website readability the designer now spans across all types of digital mediums, typography is a bigger beast to tame. In the spirit of brushing up on the fundamentals, use the web typography tips below when selecting a typeface and formatting it for the best reading experience. Eleken designers have chosen Plus Jakarta Sans font for both landing page and the platform. Our experienced web and marketing teams can craft and deploy an effective strategy to meet your unique business goals.

website readability best practices

Build your business with private practice business blog posts, tips, webinars, and advice delivered to your inbox. As you can see, Brighter Vision sites are designed to create a positive, easy-to-read experience. Include easy-to-digest images that enhance understanding and break up the text. At Brighter Vision, we build client websites on the WordPress platform. This enables us to provide top-quality, user-friendly platforms that integrate with third-party applications.

Scores are calculated based on an equation that measures the total number of words, the total number of sentences, and the total number of syllables. This score is determined on a scale of 0 to 100, where lower scores are more difficult to read, and higher scores are easier to read. More importantly, this means your content uses plain English. Ideally, a website score would rank between 60 and 90, which equates to a grade level between 6th and 8th grades. Once your target audience is known and you’ve set your attainable business goals, you can explore which social networks are a good fit for your company.

Compress Images On Your Site

You want to tell your website visitors all about you, your company, your brand, and your products. But you need to learn how to tell that story in just a few sentences or—even better— a few words. When reading a book or an article in a magazine, we usually read word for word. Absorbing the entire text and then trying to filter out its essence. On the web, however, most of us scan information, jumping from one point of interest to the next, hoping to trip over some relevant facts. Your readers will appreciate it if you give them information in the most succinct way possible.

If your website isn’t up to par, you risk losing leads to your competition. Luckily, we’ve created a handy checklist that you can use to make sure your website has everything you need to attract new leads and keep them engaged on your site pages. You can get creative with your CTAs, especially from a design standpoint.

Just make sure to use both capital and lowercase letters, as the difference in letter height makes scanning easier. Readability is reduced with all caps because all words have a uniform rectangular shape, meaning readers can’t identify words by their shape. This is one of the easiest ways to separate texts into sections. The use of separators helps to divide your article in a decent manner.

Optimize Your Design For Mobile Devices

While people can read faster with longer text lines, they actually prefer shorter lines of texts of 45 to 72 characters. website readability Avoid having “running” paragraphs longer than 6-8 lines. It’s easy for readers to lose their place with long paragraphs.

Another very important point to consider is the contrast between background and text. For example, you want to avoid bad color combinations, such as blue on red, or white on yellow. Too little contrast makes it very tiring to read a text, especially if it’s more than just a few lines.

You should also make sure that your design is consistent throughout your site. This will provide a cohesive feel and provide users with a positive experience. People read differently online than they do when they read print materials — web users typically scan for information. That’s why it’s important to develop a strategy to produce quality content to live on your website.

You’ll notice that different fonts take up different amounts of space even when they’re the same size. This size is determined by the x-height, which is the height of the lowercase x. While there is not specific “recommended” font size, you should choose a font size that is easy to read on screens and devices of all sizes.

November 25, 2020

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *