Web Site Design: Setting the Wrong Backgrounds and Reducing Readability

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.

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.

Article Source: http://EzineArticles.com/?expert=Cynthia_Pinsonnault
http://EzineArticles.com/?Web-Site-Design:-Setting-the-Wrong-Backgrounds-and-Reducing-Readability&id=468039

More Web Site Design Articles:

Free Website Templates

Useful Links
Web Designer in Philippines
Web Design Resources


	Free Website Design Templates view actual page \| download view actual page \| download view actual page \| download Web Site Design: Setting the Wrong Backgrounds and Reducing Readability By Cynthia Pinsonnault 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. 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. Article Source: http://EzineArticles.com/?expert=Cynthia_Pinsonnault http://EzineArticles.com/?Web-Site-Design:-Setting-the-Wrong-Backgrounds-and-Reducing-Readability&id=468039 More Web Site Design Articles: 8 Specific Ways to Avoid Common Web Design Mistakes Handy Hints For Web Designers How to Create a Website - The Basics Website Design Tips For Site Appearance Your Website Layout The Basic Skills Needed to Become a Web Designer - Simple Programs You Can Teach Yourself XHTML Equals to Browser Compatibility Information About Web Design Training You Can Have a Bright Career in Web Design Taking Your First Steps Toward Creating a Personal Website Inspiring Designs For Your Website How to Design a Successful Website - A Practical Guide! Choose Colors While Designing Web Pages Remarkable Tips For Freelance Web 2 Graphic Design Templates Dreamweaver Vs FrontPage Review What is the Best File Format For Saving Images on the Web? Barack Obama's Website is Web 2.0 at Its Best Role of Site Structure in Web Designing and Traffic Modern Web Design Techniques 7 Must Know Rules For Website Designers Web Designing For Your Home Page Eight Tips to Enhance Online Profits Website Design the Latest Trends What Do All These Graphics File Extensions Mean? The Psychology of Colour in Web Design How to Create a Successful Web Page Layout Website Templates - Build Your Own Website Benefits of Using a Website Template Website Designing – Things To Keep In Mind A Website Checklist 8 Must Have Graphic Design Skills in Today's Market Freelance Web Designer - Why You Should Use One! The Importance Of Getting The Best Web Design Team Involved In The Project Finding and Using a Free Web Site Template 7 Tips for Improving Your Website Design How To Think Like A Web Designer Planning An Effective Web Site Design Web Site Design: Setting the Wrong Backgrounds and Reducing Readability The Best Home Pages Establish Identity and Purpose in a User-Friendly Interface Website Creation Checklist Considering A WebSite Or Unhappy With The One You Have? Don't Trust This Kind Of Web Designer Web Design-Impact Beyond Measure User-Friendly Web Design The Powerfully Attractive Webpage Template No More Font Tags! Seven Reasons to Hire a CSS Web Designer Why Should One Use Web Templates Dreamweaver Tip - Build Better Websites Faster with Templates Some Of The Crucial Components Your Web Site Needs To Be Customer Friendly Benefits of Web Site Templates Advantages of Having a Website How Do You Choose a Web Designer? Website Templates - Who Benefits? Build Websites Easier with Premade Templates The Newbie's Guide to Small Business Web Design Pages to Include in Your Website Do You Really Own Your Web Site? Maybe Not Designing Your Website's Directory Structure 7 Web Site Design Mistakes That Will Lose You Clients Optimal Website Design Becoming A Website Designer How to Design a Search Engine Friendly Website 6 Reasons Why Using Flash is a BIG Mistake
Free Website Templates Web Design Articles Math Calculators Java Programs Site map Contact Us Useful Links Web Designer in Philippines Web Design Resources