← Home
AVC 2xx  ·  Curriculum Proposal
UX Design for Interactive Media

Digital Media Arts

Curriculum proposal in progress. This course is being developed for addition to the Digital Media Arts curriculum. Course number pending curriculum committee approval.
Course Description
Fundamentals of user experience design applied to mobile, web, and spatial computing interfaces, with emphasis on human-centered design process, prototyping, and professional presentation.
Prerequisites
Grade of C or better in AVC 183 or AVC 181, or permission of Instructor.
Curriculum Rationale
Proposed placement: AVC 2xx would serve as an either/or option with AVC 283 (Digital Graphic Arts II) in the restricted electives of the AAS in Digital Media Arts, with the potential to replace AVC 283 as the program evolves to meet current industry demand.

The AVC 283 competencies center on logo design, business correspondence, brochure layout, chart and graph design, multi-presentation graphics, and poster art. While these are foundational graphic production skills, they reflect a print-oriented workflow that no longer represents the primary career trajectory for our graduates. The AAS in Digital Media Arts is designed to be broad, preparing students across graphic design, animation, web design, and video production, and within that breadth, the restricted electives should prioritize the skills most likely to lead to employment and professional growth. Our industry advisory board has consistently identified UX design as the skill area where student preparation matters most, and that feedback is reinforced by the career paths of our own graduates and adjunct faculty, many of whom have pursued additional UX design study after completing the program.

AVC 2xx addresses this gap directly. Where AVC 283 focuses on producing camera-ready advertising art and refining print-based deliverables, UX Design for Interactive Media teaches students to research user needs, prototype interactive interfaces for mobile and web, build and apply component libraries, evaluate designs through usability testing, and present their process professionally. These competencies align with the roles employers are actually hiring for: UX/UI designer, product designer, interaction designer, and digital designer. The course also introduces emerging topics like spatial computing and AI-assisted design workflows, giving students awareness of where the field is heading while keeping the focus on foundational UX skills they can use immediately.

For a two-year degree, every elective slot matters. Replacing or offering an alternative to a second graphic design production course with a UX design course gives students a broader, more current skill set without sacrificing the visual design foundations already established in AVC 181/183. Students who complete AVC 2xx will graduate with portfolio-ready UX case studies alongside their existing graphic design, animation, and media work, making them more competitive in a job market that increasingly values human-centered design thinking over traditional production skills alone.

Course Projects

Project
Website Design: UX & Responsive Mockups

Course Competencies

1
Describe the principles of user experience design and how they differ from graphic design. (I)
2
Apply a human-centered design process from research through final deliverable. (II)
3
Conduct basic user research and translate findings into design decisions. (II)
4
Produce wireframes and interactive prototypes using industry-standard tools. (III)
5
Design a mobile application interface following current UX conventions. (III)
6
Design a responsive web interface that adapts across screen sizes. (III)
7
Build and apply a reusable component library to maintain visual consistency across a project. (IV)
8
Integrate AI tools into the design workflow to support ideation, asset creation, and iteration. (III, IV)
9
Explore how screen-based designs translate to spatial and augmented reality contexts. (V)
10
Evaluate designs using basic usability principles and peer critique. (II, IV)
11
Present completed design work visually and verbally in a professional context. (VI)

MCCCD Official Course Competencies must be coordinated with the content outline so that each major point in the outline serves one or more competencies. MCCCD faculty retains authority in determining the pedagogical approach, methodology, content sequencing, and assessment metrics for student work. Please see individual course syllabi for additional information, including specific course requirements.

MCCCD Official Course Outline

I. Foundations of user experience design
  • A. UX design vs. graphic design, scope, intent, and process
  • B. History and evolution of human-computer interaction
  • C. Core UX principles, usability, accessibility, affordance, feedback
  • D. Mental models and user expectations
  • E. Overview of the UX design process
II. Human-centered design process and user research
  • A. Design thinking framework, empathize, define, ideate, prototype, test
  • B. User research methods
    • Interviews and contextual inquiry
    • Surveys and questionnaires
    • Observation and task analysis
  • C. Synthesizing research, affinity mapping, personas, user journey maps
  • D. Defining the problem, problem statements and HMW questions
  • E. Usability principles, heuristic evaluation and peer critique
  • F. Iterating on design based on research findings
III. Wireframing, prototyping, and interface design
  • A. Sketching and low-fidelity wireframes
    • Information architecture and content hierarchy
    • Navigation patterns and user flows
    • Layout grids and spatial relationships
  • B. High-fidelity wireframes and interactive prototypes using industry-standard tools
  • C. Mobile application interface design
    • iOS and Android conventions
    • Touch targets, gestures, and thumb zones
    • Mobile-specific patterns, bottom navigation, modals, cards
  • D. Responsive web interface design
    • Breakpoints and adaptive layouts
    • Fluid grids and flexible components
    • Desktop, tablet, and mobile considerations
  • E. Integrating AI tools into the design workflow
    • AI-assisted ideation and concept generation
    • Image and asset creation with generative tools
    • Rapid iteration and design exploration
    • Prompt design for visual output
IV. Component libraries, design systems, and evaluation
  • A. Design systems, purpose, structure, and use
  • B. Building a reusable component library
    • Atoms, molecules, organisms, atomic design
    • Typography, color, and spacing tokens
    • States, default, hover, active, disabled, error
    • Applying components across screens for visual consistency
  • C. AI tools for iteration and refinement
    • Using AI feedback to identify design inconsistencies
    • AI-assisted copy and microcopy generation
  • D. Usability evaluation methods
    • Heuristic evaluation, Nielsen’s 10 heuristics
    • Cognitive walkthrough
    • Peer critique, structured feedback methods
    • Documenting and responding to feedback
V. Spatial computing and augmented reality interfaces
  • A. Introduction to spatial computing, AR, VR, and mixed reality contexts
  • B. Differences between screen-based and spatially-anchored interfaces
  • C. Spatial UX principles, depth, scale, anchoring, and field of view
  • D. Extending a screen-based design into an AR experience
    • Identifying elements suitable for spatial placement
    • Anchoring UI components to physical surfaces
    • Interaction design for gaze, gesture, and voice
  • E. Prototyping and previewing spatial interfaces with current tools
  • F. Ethical considerations, privacy, attention, and environmental impact
VI. Professional presentation of design work
  • A. Case study structure, problem, process, solution, outcome
  • B. Visual presentation of design process and decisions
  • C. Verbal presentation, framing design choices for a professional audience
  • D. Portfolio integration, presenting UX work alongside existing DMA work
  • E. Responding to questions and critique professionally
  • F. Documenting and delivering final work in appropriate digital formats