UW-Superior Web Publishing Guidelines

Overview

University web pages are important tools for serving students,

staff and the public. The UW-Superior Web Publishing Guidelines are a guide for designing web pages that are uniform, functional and accessible yet reasonably easy to create and maintain.

· Administrative offices must follow the guidelines when creating new pages or revising existing pages.

· The University Technology Committee recommends academic departments, academic programs and individuals follow the University Website Design guidelines when creating or revising web pages. These guidelines will not in any way infringe upon the academic freedom of individuals, programs or departments at UW-Superior.

· All departments, offices and individuals must follow UW System and UW-Superior policies regarding web accessibility and appropriate use of technology.

Purpose of university web pages

University web pages are educational and business tools which represent UW-Superior to current and prospective students and employees, and to the public in general. Pages should be functional and businesslike. Decoration, music and animation should be used only when necessary to fulfilling an office's mission.

Appropriate Use

Web page publishers must comply with all university rules, university policies, and state and federal laws concerning appropriate use of computers. For more information, see the university's Appropriate Use Guidelines

Accessibility

University of Wisconsin System and UW-Superior policy require web pages to be accessible to all users, including those with visual impairments and those who have computers with slow modems or limited band-width. All university web pages must meet accessibility requirements set forth under the Web Accessibility Policy.

An online guide to web accessibility is available on the Computing and Media Services website to assist web authors.

Personal Pages

UW-Superior cannot accept responsibility for information published on or accessible through personal homepages created by faculty and staff. Personal home pages must include a disclaimer on their first page stating: "The content of this page does not reflect the views of UW-Superior and is not officially endorsed by the university."

Outdated or unmaintained websites

Websites that are outdated or not maintained will be removed from the university website. Outdated or unmaintained websites will include, but are not limited to, those with: broken links; links to outdated publications, documents, calendars, regulations or staff lists; web or e-mail links to employees no longer working for the university; and programs, offices or departments that no longer exist. Before a page is removed from the university website, University Relations will contact the director or chair of the department, office or program responsible for the website in an attempt to update the website. If no effort is made to update the website, it will be removed from the university website.

Websites may be restored to the university website once they are updated. For assistance in updating or removing pages, contact Computing and Media Services.

Building your web page

Complying with University Website Design

Websites for administrative offices at UW-Superior must comply with the overall appearance of the university website on their opening index pages and on their second layers of web pages.

A "second layer" page is defined as a web page that can be accessed by a link off the index page.

Administrative office index pages must include:

· the University navigation frame on all pages as outlined in this section.

· the background color (html code FBF1DA, FrontPage color hex # FB, F1, DA).

· colors used elsewhere on the page should complement the colors used in the university website design.

· Links and navigation system as needed.

Second-layer and third-layer pages must include:

· the university navigation frame on all pages as outlined in this section.

· colors used should be complement the university web page colors

· a home button and links to other pages as needed.

Text documents linked to administrative pages, such as budgets, catalogs, handbooks, forms, meeting minutes, policies, news releases, tables, announcements and similar items, may appear as simple html documents without the use of the University Website Design.

Keep your web site focused on its job

Web pages should provide information that users need. Avoid using links to unrelated sites, overly long text or extensive use of graphics, all of which can confuse users and make it difficult for them to find the information they need.

Maintain a professional appearance

Prospective students and off-campus users may judge UW-Superior based on the appearance of our web site. Web pages and individual documents should be professional and businesslike in content and appearance.

--Office pages should not include links unrelated to that office's mission.

--Music should not be used on a web page unless it applies to the mission of that office (i.e. music links on a Music Department web page.)

--Icons and other images should be professional in appearance and not cause distraction. More than one or two animated icons on a page can distract readers and create an unprofessonal appearance. Animated icons are discouraged because they cause increase load time and cause accessibility issues. For more information about animation and accessibility, refer to the online guide to web accessibiity on the Computing and Media Services website.

--All text should refer to the university as the "University of Wisconsin-Superior" on first reference and as "UW-Superior" on subsequent references. Do not use UW-S or UWS, which can imply the UW System.

Fonts and Typography

University publications, including web pages, use the Palatino or Times Roman fonts for body text and Palatino or Helvetica fonts for headlines. Research shows that serif fonts are superior to sans serif fonts for readability and comprehension. Select one font and use it consistently on your pages.

Avoid using text in color or in extremely large or small sizes. Use boldface, italic, script or all-capital text in small amounts only for special emphasis. Research shows that using large amounts of italic, boldface, script or all-capital text seriously reduces reader comprehension.

Research shows web users tend to scan text. To make your page more user friendly, keep text short. If longer text is necessary, break it up with frequent sub-heads.

Logos and images

Web pages must conform to UW-Superior's Visual Identity System governing the use of the university logo and other official symbols. The Visual Identity System is available in print format from University Relations (ext. 8452) and online at http://www.uwsuper.edu/visystem/

--University logos suitable for use on web pages can be downloaded at http://www.uwsuper.edu/news/advancement/relations/print-old.shtml

--Specialized logos -- The E-Hive logo may only be used as a link to the E-Hive system. Any other use is prohibited. The Yellowjacket Athletics logo can only be used with permission of the Athletic Department. Any other use is prohibited.

--The University Seal -- The seal of the University of Wisconsin-Superior is an official symbol of the university and is protected in its use. The seal may be used by the campus community for official awards and transcripts. It cannot be routinely used on websites.

Links to non-university web sites

UW-Superior web pages may include links to non-university websites. Links should be limited to those that meet the purposes of the university or serve student, staff, academic or public needs. UW-Superior is not responsible for the contents of any linked site or any link contained in a linked site. If a university website includes a link to a web page that is not on a UW-Superior computer server, that website should open as a new web browser window.

Content of your website

What should be on the index page? 

The index page is the first page users encounter on your website. Your website may just need one page, or you may link to other pages and documents from your index page.

This information should be on your index page:

--The name of the office, department or person.

--The purpose of the office, department or person. Make this a short and clearly worded statement.

--Building and room number of the office or department

--Hours open or available

--Contact information, including telephone number, e-mail address and postal address

What information should be on subsequent pages?

Put information that belongs together on the same page. To make user-friendly pages, have hyperlinks to other pages and bookmarks throughout your longer pages. 

Photos and graphics

If you choose to use photos or graphics, select those that help convey or clarify your information. Photos and graphics increase the load time of your page, so they should be used carefully.

To meet the accessbility guidlines, you must add alternative text or representation for any photos or graphics you use.

Navigation

There should be a logical order to your web pages. People should be able to move around within your pages without difficulty.  Navigational bars, hyperlinks, bookmarks and home buttons are some of the ways you can help your readers get where they want to go.