UX/UI Design
This course explores the intersection of User Experience (UX) and User Interface (UI) design for digital products. Students will learn the user-centered design process, moving from user research and wireframing to high-fidelity visual design and prototyping. The curriculum emphasizes empathy, usability testing, and industry-standard tools (such as Figma) to create intuitive digital solutions.
§ 01 By the end you can
- Conduct user research, create personas, and map user journeys
- Design information architecture and low-fidelity wireframes
- Apply visual design principles (typography, color, spacing) to user interfaces
- Build interactive prototypes for mobile and web applications
- Perform usability testing to validate and iterate on design decisions
§ 02 Sixteen sessions
The whole semester.
- 01Intro to UX/UI: Design Thinking Methodology
- 02User Research: Interviews & Empathy Maps
- 03Defining the Problem: Personas & User Stories
- 04Information Architecture & User Flows
- 05Sketching & Low-Fidelity Wireframing
- 06Usability Heuristics & Accessibility (a11y)
- 07Mid-Fidelity Wireframes & Layout Grids
- 08 · MidtermMidterm Examination
- 09Visual Interface Design: Color & Typography
- 10UI Components: Buttons, Forms, Icons
- 11Design Systems & Style Guides
- 12High-Fidelity Design (Figma/Adobe XD)
- 13Prototyping: Transitions & Micro-interactions
- 14Usability Testing & Gathering Feedback
- 15Preparing Designs for Hand-off to Developers
- 16Final Project: App Prototype & Case Study
Midterm around session 8. Final project briefed at session 8 or 9 and developed in stages until the juries.
§ 03 Final project
Final Project: App Prototype & Case Study
Recommended reading
- The Design of Everyday Things by Don Norman
- Don't Make Me Think, Revisited by Steve Krug
- About Face: The Essentials of Interaction Design by Alan Cooper
- Refactoring UI by Adam Wathan and Steve Schoger
- Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days by Jake Knapp
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). |