designimg designimg
designimg
designimg designimg
= TOC QuikLinks =
Index IMIC- Introduction
Recommended Components
- Content - Communication & Collaboration - Assesments - Assignments & Testing - Copyright Compliance - Technology Considerations - Course Presentation - Course Evaluations - References
Interface Design
- Organization & Presentation - Navigation - Aesthetic Design & Graphics
Online Course Information
- Course Location - Incomplete/Temporary Grades - IT Learning Environments - Independant Departmental - SCPS/Provost Sponsored/Fast Track - EdNet LMS - Face-to-Face LMS - Breeze Live - Staff/TA's/RA's - Faculty Training - Supportrd Software - Course Activity - Not Accepted Course Types - Multiple Online Sections
Troubleshooting Information
- Student Financial Assistance - SCPS Course Registration - WebCT Access - Testing Arrangements - Pre-Course Consultations - IT Consultations/Issues - External Facilities
Important Information
- Copyright & "Fair Use" - Image Branding - Updating Courses - Course Development Deadlines - Online Course Preflight Checklist
designimg Human Computer Interface Design
Related Information
Addendum 4 - SCPS Image Branding
Section 3.3- Consistant and "Easy to Use" Website Navigation
This information is designed to inform you of the complexities and protocols that must be followed to 1) ensure student access and; 2) eliminate technological issues that will result if not followed.

C. Aesthetically pleasing design and graphics- Content pages are designed to be easy to look at on the screen for an extended period of time.

  • Uses colors with high contrast between text (black text is optimal) and the required solid white background. Be aware that some students/ users may be visually impaired or have color blindness.
  • Images are professional in nature, appropriate and serve a purpose to the content of the course.
  • Reserves the use of graphics and media for situations where they add value to the content.
  • Graphics are optimized to load quickly and have maximum resolution size 400 X 400 pixels, at 72dpi with a file size of no more than 50k on a stand-alone HTML page.
  • The images’ file size and HTML page file size are no more than 47k combined in the total file size.
  • Images must be in the following formats:
    • Line art, Vector or images using less than 215 colors must be in a GIF format and be interlaced.
    • Photographic, Raster or images using more than 215 colors must be in a JPG or JPEG format and be Progressive.
    • For other formats consult IMIC.
  • Image branding. All Internet courses are required to meet SCPS/IMIC branding templates and formats.
All online courses use the course image branding template (which includes navigation pathways and design standards) developed by the IMIC. It is in the students’ best interest for all courses to be similarly structured and to follow the same navigation strategies—students should only have to learn one way in the web environment. The online team provides help and technical support to students enrolled in online courses and can be most effective when they are most familiar with all features of a course design. A memo regarding the first phase of SCPS image branding has been included in Addendum 4. All WebCT courses, after Spring 2005, will begin with the SCPS sanctioned shell.
Instructional Media Integration Centre / Southern Utah University © 2005, All rights reserved.
designimg
designimg
designimg
Breadcrumbs:
Report an Error on this Page Last Update: Tuesday, June 14, 2005 Looking for Answers? Ask this Department!

Note: This site is accessible to any browser, although, it will look much better in a browser that supports web standards.
To view this page properly, please upgrade your browser. We recommend:
Mozilla Firefox (PC/Mac/Linux download)
Opera (PC/Mac/Linux/Solaris download)
Safari (Mac download)