DES 308 · 3 credits
Interaction Design
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
Lecture
1
Lab
6
Course Content
- Complex interface architectures
- Responsive navigation models
- Reusable patterns
- Microinteractions and motion for feedback
- State management and multi-path flows
- Content strategy for interfaces
- Accessibility in complex interactive systems
- Performance and optimization considerations
- Usability metrics and iteration planning
- Handoff artifacts and annotations
- Presentation strategy and client communications
- Historical and contemporary references
- Project documentation and rationale
- Critique
Learning Outcomes
- Design multi-screen flows that address documented requirements. (1,2,4,5)
- Develop design deliverables through iterative refinement. (2,6,9,14)
- Apply WCAG-aligned accessibility standards. (7)
- Implement design-system components (tokens, variants) across platforms. (2,3,4,5)
- Validate interaction patterns via prototyping and hypothesis-driven tests. (4,5,9)
- Evaluate performance budgets against targets. (8,9)
- Instrument prototypes to collect behavioral evidence for decisions. (4,5,9)
- Substantiate key decisions with research findings and benchmark analyses. (6,13)
- Deliver vendor-ready files conforming to production specifications. (10)
- Curate a case-study narrative with process and outcome documentation. (10,11,13)
- Critique product flows to prioritize solutions by impact. (1,14)