Web Site Design: Setting the Wrong Backgrounds and Reducing Readability


by Cynthia Pinsonnault - Date: 2007-02-26 - Word Count: 476 Share This!

One of the most important tasks your Web site must accomplish is communicating your message to site visitors. Be sure the time, energy and funds you're spending produce design that assists in that communication.

Can Your Site Be Read Easily by All Visitors?

Readability is a fairly big topic and covers typefaces, capitalization, thickness of letters, colors and more. It is an important topic to keep in mind when designing your Web site. And it's not just about visually impaired visitors. The decisions you make regarding any of these factors can affect how readable your site is to anyone.

Don't make it difficult for visitors to read text on pages by adding dark colors or busy illustrations in the background. Patterned and even solid color backgrounds can reduce readability and obscure content on your Web site because they can reduce the contrast needed for our eyes to discern letter forms.

Stressing the Reader

Normally, when we read, we do so by recognizing words through the shapes made by letter combinations. When you reduce readability, you make readers work harder. They can't read as fast because they have to look at each letter. It can get quite frustrating to attempt to read long passages of text through busy backgrounds or low contrast. Just try reading dark green type on a red background or yellow type on a light blue background. Or any words set against a background image that has words in it.

When backgrounds and the type on them are in colors that are close in value, not only does the contrast go away, but you can inadvertently introduce a visual effect that makes the type look like it's vibrating.

Give Your Site Visitors a Break

Years ago, I participated in a university study of computer screen readability and the results were clear:

Black type on a white background was the easiest to read. Dark type on a light background was more readable than light type on dark backgrounds. Sufficient contrast between type and background was required for readability. Background images reduced readability. The more complex and darker the background, the more difficult it became to read the text in the foreground.

So, take a look at your site. Do you have backgrounds set to colors that reduce readability? Do you have images placed behind important text? Do you have type set in colors that don't show up well?

If you answered yes to any of those questions, what can you change that might improve the readability and, therefore, usability of your Web site.

Can you lighten backgrounds or darken text, or both, to increase contrast? Can you remove images from behind text? If you must have a patterned background, can you make it very light like a watermark and arrange it so that large unpatterned sections are behind the blocks of text?

If something is hard to use it doesn't get used very much.


Related Tags: marketing, website, design, web, graphic, site, analysis, usability, user interface, workability

Would you like more leading edge tips and tools for effective graphic design, Web site development and search engine optimization, brand marketing and communication? Subscribe now to the free "Solutions" e-newsletter - http://pinscreative.blogspot.com/ or join our mailing list at Pinsonnault Creative - http://www.pinscreative.com and get my eBook "10 Best of 2006" free as my thank you.

Your Article Search Directory : Find in Articles

© The article above is copyrighted by it's author. You're allowed to distribute this work according to the Creative Commons Attribution-NoDerivs license.
 

Recent articles in this category:



Most viewed articles in this category: