Maricopa Community Colleges  CIS175IC   20014-20036 
Official Course Description: MCCCD Approval: 05/22/01
CIS175IC 20014-20036 L+L 3 Credit(s) 4 Period(s)
Web Information and Media Design
Concepts and skills necessary for effective web page design. Covers the design process including information and navigational design. Also includes designing for interactivity. Prerequisites: CIS175IB.
Go to Competencies    Go to Outline
 
MCCCD Official Course Competencies:
 
CIS175IC   20014-20036 Web Information and Media Design
1. Describe aspects of the World Wide Web that influence design decisions. (I)
2. Identify issues affecting the design stage of Web development. (II)
3. Identify major phases of a Web development project. (III)
4. Describe responsibilities of the Web designer. (III)
5. Explain the importance and methodology of establishing site goals. (III)
6. Translate client needs and materials into Web site concepts. (III)
7. Identify types of interactivity available on the Web. (IV)
8. Categorize sites by level of interactivity. (IV)
9. Explain the importance of effective information design. (V)
10. Organize information for use on a Web site. (V)
11. Identify considerations for designing an effective navigation system. (V)
12. Identify and describe screen function. (VI)
13. Identify navigational devices available for Web sites. (VI)
14. Apply graphic design principles to creating navigational metaphors. (VI)
15. Describe function of various site tools. (VII)
16. Create navigational flowcharts. (VII)
17. Create and critique design grids. (VII)
18. Describe the purpose and structure of a Web style guide. (VII)
19. Describe key aspects of usable, attractive screen design. (VIII)
20. Create effective backgrounds and color schemes. (VIII)
Go to Description    Go to top of Competencies
 
MCCCD Official Course Outline:
 
CIS175IC   20014-20036 Web Information and Media Design
    I. Web Design
        A. Decision Factors
          1. Interactivity
          2. Web Changeable Nature
          3. Conveying Depth
          4. Shared Resources
        B. Copyright Issues
        C. Site Evaluation
      II. Delivery Medium
          A. Hardware
            1. Minimum Requirements
            2. Variability
          B. Software
            1. Minimum Requirements
            2. Assumptions
          C. Cross Platform Considerations
            1. File-Naming Convention
            2. File Formats
            3. Plug-Ins
            4. Palettes
            5. Gamma
            6. Fonts
          D. Browsers
            1. Presentation Control
            2. Support
            3. Cross-Browser Issues
          E. Bandwidth
            1. Limitations
            2. Access Speeds
          F. Monitor Characteristics
            1. Physical Components
            2. Restrictions
          G. Interfaces
            1. Keyboard
            2. Mouse
            3. Touchscreen
            4. Speakers
            5. Microphone
            6. VR Goggles
        III. Design Process
            A. Development
              1. Discovery
              2. Definition
              3. Design
              4. Development
              5. Delivery
              6. Post-Delivery
            B. Web Team
              1. Technical Resources
              2. Creative Resources
              3. Business Resources
              4. Designer
            C. Project Goals
              1. Omissions
              2. Conflicts
              3. Gather/Integrate Information
              4. Review
              5. Client Goals
              6. Audience Needs
              7. Content
              8. Schedule
              9. Budget
            D. Design Analysis
              1. Technical
              2. Graphical
            E. Review/Sign-Off Stages
              1. Limits
              2. Schedules
              3. Process
              4. Responsibility
          IV. Interactivity
              A. Definition
              B. Use Determination
              C. Types
                1. Modes of Interaction
                2. Interactive Media
              D. Levels
                1. Web Site Complexity
                2. Definition
                3. Classification
              E. Audience
              F. Site Goals
            V. Information Design
                A. Importance
                B. Designers C Effective Design
                  1. Visitor Perspective
                  2. Workable Structure
                  3. Navigation System
                  4. Navigation Supplement
                  5. Teamwork
                D. Information Organization
                  1. Exact Systems
                  2. Inexact Systems
                  3. Breadth
                  4. Depth
                E. Navigation Systems
                  1. Rule of Threes
                  2. Clear Functions
                  3. Flexibility
                  4. Levels
              VI. Navigation Design
                  A. Web Screen Functions
                    1. Orientation
                    2. Lead
                    3. Information
                    4. Information Search
                    5. Business Decisions
                    6. Persuasion to Act
                    7. Host/Visitor Relationship
                  B. Navigational Controls
                    1. Hypertext Links
                    2. Buttons
                    3. Arrows
                    4. Hot Spots
                    5. Bars and Frames
                    6. Text Boxes
                    7. Quick Time
                    8. Virtual Reality Markup Language (VRML)
                    9. Dynamic Hypertext Markup Language (HTML) Positioning
                    10. Video
                  C. Navigational Aids
                    1. Color-Coding
                    2. ICON Themes
                    3. Metaphors
                    4. Button Cues
                    5. Bread Crumbs
                    6. Simplicity
                    7. Directional Arrows
                  D. Navigation Choice
                    1. Site Content
                    2. Organization
                    3. Look and Feel
                    4. Intended Purpose
                    5. Goals
                    6. Target
                VII. Site Design
                    A. Types of Tools
                      1. Navigational Flow Charts
                      2. Comps
                      3. Storyboards
                      4. Prototypes
                    B. Tool Usage
                      1. Determination
                      2. Benefits
                    C. Design Grids
                      1. Definition
                      2. Use
                      3. Components
                      4. Evaluation
                    D. Style Guides
                      1. Format
                      2. Graphics
                      3. Editorial
                      4. Purpose
                      5. Usage
                    E. Site Longevity
                      1. Flexibility
                      2. Scalable Design
                      3. Design Content
                    F. Internet, Intranet, Extranet Considerations
                      1. Users
                      2. Tasks
                      3. Information
                      4. Bandwidth
                      5. Cross-Platform
                  VIII. Screen Design
                      A. Key Aspects
                        1. Ordered Content
                        2. Space and Density
                        3. Number of Elements
                        4. Fonts
                      B. Colors
                        1. Features
                        2. Definition
                        3. Combinations
                        4. Value and Saturation
                        5. Web-Safe Colors
                        6. Hybrids
                        7. Color Schemes
                      C. Backgrounds
                        1. Defaults
                        2. Colors
                        3. Images
                        4. Tiles
                        5. Sources
                      D. Dynamic HTML
                        1. Function
                        2. Positioning
                        3. Layout
                        4. Box Perspective
                  Go to Description    Go to top of Competencies    Go to top of Outline