Search This Blog

Sep 2, 2011

5 Ways to Improve Website Readability

Readability is making a great impact in the overall design structure of once site all over this year. Design didn’t stop with the correct color scheme and placing right elements at the right place. It is like more giving care when you deal the readability area carefully.

1. Make a standard design.

For the year 2011, most of the Internet users have standard monitor size 1024x768 pixels. From that time onward most of designers make their design to meet the standard.
Though, some of them make their design a little narrow with 770px width trying not to offend the 1% users left.
However they didn’t know that they were sacrificing the 99% of users since it is ghastly to look for the white spaces left.

2. Make your text large enough.

This is the most obvious issue that comes to our mind when we say "readability”". Use large enough font-size and standard font-style as possible to make your content easy to read and understand. I usually used between 13-14px font-size with Tahoma/Arial/Verdana font on my site.

3. Use right text-color and background. 

In my judgment, use of white background and dark color text is still the best when dealing with text contents. On the other hand, if you are creating an attractive design please remember to use contrasting colors and use your best judgment to decide what colors to use. Don’t limit yourself in experimenting something but make sure you know what you’re doing.

4. Use enough line-height.

Line height refers to the distance between you content sentences lines. In most cases, it’s ignored, yet, using right line-height help a lot when dealing readability. It can achieve using line-height CSS property. Ex. p {line-height:23px} In this blog, I’m using 23px line height and you can see it quite clear and enough.

5. Check, check and check.

Check misspelled words, grammar and format on your site.