Course Content and Outcomes Guides (CCOG)

CCOG for CAS 242 archive revision 202104

You are viewing an old version of the CCOG. View current version »

Effective Term:
Fall 2021

Course Number:
CAS 242
Course Title:
UX/UI Design for the Web
Credit Hours:
3
Lecture Hours:
10
Lecture/Lab Hours:
40
Lab Hours:
0

Course Description

Introduces user experience (UX) and user interface (UI) design for the web. Covers gathering requirements, research, project management and user-centric design concepts to produce HTML and CSS web pages that display accurately on any web-supported device. Includes the creation of user personas, content inventories, mood boards, and low and high fidelity wireframes. Covers web standards for color management, design principles, and usability best practices. Audit available.

Intended Outcomes for the course

Upon successful completion of this course, students will be able to:

  1. Create a working web page template appropriate for various devices using mobile-first design principles.

  2. Identify a web site’s target audience and create user personas to create an audience-appropriate design for a web site.

  3. Integrate best practices of web color management, principles of design, and web usability in designing web pages.

  4. Gather client and end user requirements for a web site’s desired functionality and write/execute lists of acceptance criteria based on those requirements.

  5. Use critical thinking skills to revise web page designs based on feedback.

Outcome Assessment Strategies

  1. Projects demonstrating user experience and user interface design concepts and creating responsive web pages.
  2. Web usability sessions for instructor and peer feedback on student work.

Course Content (Themes, Concepts, Issues and Skills)

  1. Learn specific user experience and user interface design concepts:

    1. Identify a web site’s primary and secondary goals

    2. Identify a web site’s target audience

    3. Identify a web site’s competition

    4. Create user personas

    5. Create low fidelity and high fidelity wireframes

    6. Use mobile-first design principles to produce a fully documented HTML and CSS web template for multiple device sizes

    7. Take client and end user feedback to perform revisions on design rough drafts

    8. Curate existing images and designs into mood boards to aid in design inspiration

    9. Understand copyright issues related to graphics on the Internet

  2. Create a web page template using industry-standard design and coding methodologies

  3. Integrate web standard color management, design principles, user interfaces, and usability

  4. Produce a professional web page and screenshot for student portfolio artifacts