DESIGN.IO: TEACHING DESIGN SYSTEM THROUGH INTERACTIVE LEARNING & LXD INTEGRATION

Abstract

This research project explores the design and development of Design.IO, an interactive e-learning platform aimed at enhancing the teaching of UI design systems through the integration of Learning Experience Design (LXD), gamification, and user-centred methodologies. Responding to the limitations of conventional online design education—such as passive content delivery, low interactivity, and a lack of real-world application—the platform introduces a hands-on, practice-driven approach aligned with the pedagogical goals of NEP 2020. The study employs a mixed-methods framework combining literature review, competitive analysis, surveys, and semi-structured interviews with learners and educators to uncover user needs and learning behaviours. Insights gathered informed the development of learner personas, journey maps, and an interactive curriculum grounded in instructional design models like ADDIE, Project-Based Learning, and Cognitive Load Theory. A high-fidelity prototype was developed in Figma, featuring gamified modules, progress tracking, real-world design challenges, and adaptive learning paths. Usability testing with secondary school students validated the platform’s effectiveness in promoting engagement, comprehension, and application of design principles. The findings advocate for a paradigm shift in digital design education—one that prioritises experiential learning, accessibility, and UX-driven instruction. Design.IO serves as a scalable model for teaching complex design concepts in an inclusive, interactive, and learner-centric manner