Web Page Design Guidelines

On This Page . . .


General Maintenance

Test pages in both of the major browsers, on multiple platforms, and from different connections if possible.  

Analyze the site often for broken links and fix if necessary.  

Please make some attempt to maintain web sites efficiently and use network resources wisely.  

back to top

Page Design

Consider the purpose and target audience of the web page. 

 Be certain that the page title is accurate.   This determines the default bookmark name, the title that is read in a speech synthesizer for the blind, and the title that is returned in search results.

Check META tags for keywords and description. These control how the site is indexed by a search engine.

Consider page download time. Most users will have a 28.8 or 56.6 kbps modem at home. With normal network congestion, the transfer rate at these connections would be roughly 2 Kb/s or 4 Kb/s respectively. As an illustration, suppose a web page and it's supporting files total 80 Kb and a person is connected on a 56.6 kbps modem. That page would take 20 seconds to download completely. Ask yourself the question, "How long would I wait for a page to download before moving on?"

Make use of white space and keep line length to around 15 words.

Keep page length to a minimum and use anchors on a lengthy page. In general, it's easier for a user to click on a link to an anchor on the page or to another page altogether than to scroll up and down a lengthy page.

Use frames only when there is a compelling reason to do so. They tend to confuse most users especially when creating bookmarks and printing pages.

Be careful when using non-standard fonts for body text. If the end-user does not have the font on his/her system, the font will be substituted.

Make sure that the text and background contrast well so that the text is readable.

 

Links and Navigation

When designing navigation, consider the user's perspective. It should be logical and enable them to move freely within the site. Maintain a consistent navigation interface across all pages within the web site.

Consider making navigation available at the top and bottom of the page.

Make hyperlink text descriptive of the page that it targets. Avoid phrases like "click here," "next," and "back."

Include links on the home page to appropriate pages outside the web site.

Don't overuse the pop-up window. It tends to confuse most users. If used, make sure that it is clear to the user how to get back to the original window.

When linking to a non-html file, include a parenthetical remark stating the file type and the file size

Graphics

Keep buttons, rules, and bullets to less then 2 KB and headers to less than 20 KB.

Keep other graphics to less than 60 KB (30 KB preferred). If larger files are necessary, consider using thumbnails which link to larger versions.

Reuse graphics when possible instead of creating duplicates in multiple locations.

An "images" and "resources" folder will be maintained at the root of the college web site with some of the universal graphics and utilities. Please point to the files in these folders instead of creating duplicates.

Rose State College
6420 S.E. 15th Street.
Midwest City, OK 73110-2704
Phone: 405-733-ROSE (7673)
Toll Free: 866 621-0987

© Copyright 2014 Rose State College
All Rights Reserved
Designed by Element Fusion
Powered by Radium3