Little Things That Make a Big Difference


Sometimes it's the small details that make the difference between a great web page and a merely good one. Web users are becoming more sophisticated as time goes on and can now detect a polished page from a novice one. To put your content in its best light, here are several fine points to consider.

1. Limit line length with tables
Readability is maximized when there are only 8 to 15 words per line.
 
2. Limit paragraph length
Screens are less readable than paper. Give your readers a break by using short paragraphs and bullets.
 
3. Use sans-serif fonts for readability
On paper, serif text (like this in Times) is more readable. On the screen, small text without serifs is easier to read.
 
4. Use fonts consistently
When you change the font, you need to make sure you stick with it throughout the entire document.
 
5. Check the reading level of your text
Before testing your page with kids, take a few minutes to make sure they can read it.
 
6. Never use underlining except for links
Another paper-convention you need to leave behind.
 
7. Give your page a meaningful Title
Nothing says "I was in a hurry!" louder than when the title bar has no title, or one that says "Put the Name of Your WebQuest Here".
 
8. Use transparency around non-rectangular graphics
If it's a GIF, you can make it look better by letting the background shine through.
 
9. Pad the space around graphics
Give your text some breathing space with VSPACE and HSPACE
 
10. Lighten a busy background
That background of autumn leaves might be beautiful, but can you read what's over it?
 
11. Give your text some breathing room
In print or on the screen, your text needs to be away from edges and borders.
 
12. Put graphics and text side by side
Graphics rarely take up the entire width of the screen, putting text next to, instead of under, minimizes scrolling.
 
13. Don't leave borders around images that are links
Did you really want that big blue border around your image?
 
14. Make your pages accessible.
A simple addition will make your pages understandable to the visually challenged.

 


This page was designed by Bernie Dodge for the Triton and Patterns Projects of San Diego Unified School District. Last updated July 15, 1999.