Interactive Media Design
This course pushes beyond static screens to explore dynamic, responsive, and immersive digital experiences. Students will investigate how users interact with technology through non-linear storytelling, creative coding, and sensory inputs. The focus is on designing engaging experiences for installations, web art, and emerging technologies like AR/VR, blending code with creativity.
§ 01 By the end you can
- Understand the principles of Human-Computer Interaction (HCI)
- Create non-linear narratives and gamified experiences
- Utilize basic creative coding or visual scripting tools (e.g., p5.js, TouchDesigner)
- Design for emerging platforms (Augmented Reality, Physical Computing)
- Develop an interactive installation or complex web experience
§ 02 Sixteen sessions
The whole semester.
- 01Introduction to Interactive Media & New Media Art
- 02Non-Linear Storytelling & Flowcharts
- 03Human-Computer Interaction (HCI) Principles
- 04Designing for Web: HTML5/Canvas Basics
- 05Interaction Patterns: Hover, Click, Gesture
- 06Gamification in Design
- 07Prototyping Interactions (No-Code Tools)
- 08 · MidtermMidterm Examination
- 09Creative Coding Basics: Generative Art
- 10Audio-Reactive Visuals
- 11Physical Computing: Sensors & Inputs
- 12Introduction to Augmented Reality (AR)
- 13Projection Mapping & Spatial Design
- 14User Testing for Installations
- 15Final Project Production & Debugging
- 16Final Exhibition: Interactive Showcase
Midterm around session 8. Final project briefed at session 8 or 9 and developed in stages until the juries.
§ 03 Final project
Final Project Production & Debugging
Recommended reading
- Inventing the Medium: Principles of Interaction Design as a Cultural Practice by Janet H. Murray
- Processing: A Programming Handbook for Visual Designers by Casey Reas and Ben Fry
- Interactive Design: An Introduction to the Theory and Application of User-Centered Design by Andy Pratt
- Getting Started with p5.js by Lauren McCarthy
- The Art of Game Design: A Book of Lenses by Jesse Schell
More in Digital & Interactive
| Advanced Interaction & Service | This advanced course moves beyond simple interface design to explore complex service ecosystems. Students will learn how to design end-to-end experiences that bridge the physical and digital worlds ("phygital"). |
| Advanced Interaction Techniques and Technologies | This technical design course explores the future of Human-Computer Interaction (HCI) beyond the traditional screen and keyboard. |
| Design for Wearable Tech | This course explores the intersection of fashion, product design, and technology. Students will design for the "Intimate Interface," focusing on devices worn on the body—from smartwatches to smart textiles. |
| Digital Workflow and Asset Management | "Amateurs talk about cameras; professionals talk about backups." This technical course saves careers. It teaches the unglamorous but vital skill of managing thousands of digital assets. |
| Holographic & Mixed Reality Design | This futuristic course introduces students to the field of Spatial Computing, specifically Mixed Reality (MR) and Augmented Reality (AR). |
| Hologram Production | This specialized course prepares students for the future of display technology: Holography. Moving beyond screens, students will learn to create content for volumetric displays (like Looking Glass), holographic fans, and large-scale "Pepper's Ghost" stage illusions (similar to the ABBA Voyage). |