DES 308 - Interaction Design


Description: Explores theories related to the design of motion graphics and interaction in multi-screen flows using design system components. Students engage in hypothesis-driven prototyping and testing. Emphasis on accessibility, instrumentation, and delivery of production-ready user interface assets.

Prerequisites: DES 306 and FMA 138

Credits: 3
Lecture: 1
Lab: 6

Course Content:
  1. Complex interface architectures
  2. Responsive navigation models
  3. Reusable patterns
  4. Microinteractions and motion for feedback
  5. State management and multi-path flows
  6. Content strategy for interfaces
  7. Accessibility in complex interactive systems
  8. Performance and optimization considerations
  9. Usability metrics and iteration planning
  10. Handoff artifacts and annotations
  11. Presentation strategy and client communications
  12. Historical and contemporary references
  13. Project documentation and rationale
  14. Critique

Learning Outcomes:
  1. Design multi-screen flows that address documented requirements. (1,2,4,5)
  2. Develop design deliverables through iterative refinement. (2,6,9,14)
  3. Apply WCAG-aligned accessibility standards. (7)
  4. Implement design-system components (tokens, variants) across platforms. (2,3,4,5)
  5. Validate interaction patterns via prototyping and hypothesis-driven tests. (4,5,9)
  6. Evaluate performance budgets against targets. (8,9)
  7. Instrument prototypes to collect behavioral evidence for decisions. (4,5,9)
  8. Substantiate key decisions with research findings and benchmark analyses. (6,13)
  9. Deliver vendor-ready files conforming to production specifications. (10)
  10. Curate a case-study narrative with process and outcome documentation. (10,11,13)
  11. Critique product flows to prioritize solutions by impact. (1,14)


Print-Friendly Page (opens a new window)
Close Window