Interactive Media Design & HCI Architecture
A comprehensive study of user interface psychology, Donald Norman's affordances and signifiers, visual hierarchy, 8-point spatial grid systems, WCAG 2.1 accessibility compliance, and user-centered design loops.
The Human-Computer Interaction Membrane
In digital product development, technical backend efficiency is useless if end users cannot perceive, understand, or operate the interface. IT-MD1 introduces computer science students to cognitive engineering: studying how the human brain processes visual signifiers, translates intent into physical actions, and evaluates interface feedback loops.
Students learn the mathematics of spatial layout design—why the 8-Point Grid System prevents fractional sub-pixel anti-aliasing blur across modern high-DPI retina screens, how the 60-30-10 color rule preserves visual focal points, and how to verify Level AA contrast ratios (4.5:1 for body copy) under Web Content Accessibility Guidelines.
Syllabus & Core Learning Milestones
HCI Cycles & The Interaction Loop
Goal Formulation → Action Execution → System Processing → Output Display → Evaluation Feedback.
Affordances, Signifiers, & Natural Mapping
Donald Norman's principles in everyday software: spatial analogies, button elevation, and focus state signifiers.
Spatial Layouts & The 8-Point Grid
Preventing fractional sub-pixel blur, modular scales, responsive breakpoints, and typographical vertical rhythm.
Color Theory & WCAG 2.1 Accessibility
The 60-30-10 color hierarchy, luminance contrast equations, color blindness simulation, and screen-reader ARIA states.
User-Centered Design (UCD) Studio
Empathy mapping, user journey modeling, usability testing with real students, and final clickable design prototype.