Skip to main content

Improve Readability of Your Website in 5 Easy Steps

The goal of your website should be to guide the consumer through your page and have them take the action you desire, whether that action be a newsletter sign up or a sale. That makes readability a primary concern.
No matter who your target audience is they don’t want to strain their eyes trying to read tiny text.
Websites that make their visitors work to read them always turn a large percentage of potential consumers away. Text colors that clash with the background color, undersized fonts, and big blocks of text are some common problems that can determine whether or not the website is successful.

Here are 5 tips that will help you increase the flow and readability of your website:

1. Make the font size big enough to read.

No matter who your target audience is they don’t want to strain their eyes trying to read tiny text. The standard internet text is Arial size 2 (12 pt). You can use other fonts and sizes if you wish but keep in mind that Arial size 2 is popular because it’s easy to read.

2. Format your text using CSS.

Cascading Style Sheets (CSS) are the way to go – use one style sheet and control how text looks on your entire site. Make a change to the style sheet and your whole site is updated. It makes things a lot simpler.

3. Spell check everything.

Misspellings make your website look tacky and unorganised. Nothing irritates visitors more than having to guess what your message is because the web page has spelling errors. It makes you look like you don’t care enough to get it right. Take a minute and use the spell check tool. Unless your writing a 200 page book, it should take you about 1 to 5 minutes to spell check your work.

4. Make the text contrast with its background.

Black text on white background is the easiest to read. In most cases, the more contrast, the better. Black-on-white or white-on-black are examples of the highest contrast you can get. But be forewarned, white text on a black background creates a “glow” which often times negatively affect your website. Red on Blue creates the glow effect as well. You can use colors if you like, but as a rule of thumb if you have to squint to read your text, there’s not enough contrast.

5. Break up blocks of text.

No matter how good a writer you are, people don’t want to read endless pages of text. Using sub-headlines between paragraphs and bullet points is a great way to break up those text blocks. Generally, you should only use bullet points once throughout your web page, but in some cases using bullet points more than once might be necessary. If you’re selling a product or service you should always list the benefits. Bullet points change the pace of the writing and slow down the scanning. Making your websites content more legible is easy and it doesn’t take a lot of time. Your website will look more professional and your visitors will tend to stick around longer, making those visitors more likely to become a customers.

Comments

Popular posts from this blog

How to Install and Configure Drupal

Drupal is a feature rich Content Management System (CMS) which allows webmasters to run dynamic website without PHP knowledge. Publishers can add website content through admin interface. Thanks many modules it is possible to install a lot of additional features like spell check, displaying banners or AdSense ads, chat, mailing list, e-commerce modules etc. Drupal CMS was written in PHP and can be downloaded free of charge. In this article I will explain how to install this script and describe the configuration basics. Web hosting requirements for Drupal CMS Before you start the installation process, ensure that your web host offers PHP support, cron jobs and MySQL database. Drupal requires PHP version 4.3.3 or higher (Drupal 4.5 and earlier versions will not run on PHP 5), PHP XML extension and MySQL v3.23.17 or higher. If you are not sure which version of PHP and MySQL your web hosting provider currently uses, contact their help desk and ask them first. How to install Drupal CMS ...

How to Create Chat Bubbles in CSS

At first, you need to write the appropriate HTML markup. Refer to the examples below: INPUT HTML <div class="talk-bubble"> <div class="talktext"> <p>CSS Talk Bubble configured by classes. Defaults to square shape, no triangle. Height is auto-adjusting to the height of the text.</p> </div> </div> <div class="talk-bubble tri-right left-top"> <div class="talktext"> <p>This one adds a right triangle on the left, flush at the top by using .tri-right and .left-top to specify the location.</p> </div> </div> <div class="talk-bubble tri-right left-in"> <div class="talktext"> <p>This talk-bubble uses .left-in class to show a triangle on the left slightly indented. Still a blocky square.</p> </div> </div> <div class="talk-bubble tri-right round btm-left"> <div class="talktext"> <p>And now...

Create And Send Html Email Newsletters Easily

An Introduction To Email Newsletters Email newsletters are being recognized as a great way to enhance sales. Just what are newsletters? They are regular snippets of information that are delivered to you via email. These snippets of information can be on any topic on the planet. As long as someone wants the information, there is potential for an Email newsletter. Newsletter data has revealed many positive aspects of email newsletters. If you want to create and send an HTML email newsletter, you should know of this information. Research shows that if you use newsletters properly, 10% of subscribers can be turned into customers. Now that is information that I would gladly digest. HTML Email Newsletters There are two types of email newsletters. One type is based on text and the other type on HTML (Hyper text markup language). Both these types of newsletters have their own positives and negatives. Ultimately which newsletter you decide to create depends on the ultimate product and the pr...