UIUX Design ✦ Frontend Development

Timeline
August 2024 - Present
Role
UX Designer, Developer
Tools/Programs
Figma, P5JS
LearnQM is an ongoing experiential learning aid designed to help students gain intuition and build accurate mental models using interactive games and visualizations. Since starting, I've contributed and updated over 12 chapters in the syllabus for improved accessibility.
These educational tools help students gain intuition, avoid common misconceptions, and build accurate mental models.
Course materials predominantly focus on the mathematical formulations of these subjects and lay less emphasis on their conceptual understanding. As a result, students often struggle to develop robust mental models and intuitive grasp of the concepts.
We are exploring supporting material such as interactive visualizations and games for intuitive and experiential teaching and learning of quantum mechanics and semiconductor physics/devices.


My supervisor and I had a discussion regarding his needs for the chapter, and we compiled a list of notes and sketches that are important to understand the concepts.
After sketching out low fidelity sketches, I moved on to medium and high fidelity prototypes on Figma to better illustrate the sequence of events.

Using P5JS and Bootstrap, I worked on implementing the Figma storyboards into a fully interactive simulation for students to learn with, working together with my supervisor to ensure that the concepts were accurate and easily digestible. We're constantly adding new features and tools to help students better understand their concepts.

TO BE CONTINUED...