web logo is a yellow bell swinging mid-ring
ProductGamesCV

Visualizing Quantum Mechanics

UIUX Design ✦ Frontend Development

Sodexo cover

Timeline

August 2024 - Present

Role

UX Designer, Developer

Tools/Programs

Figma, P5JS

Overview

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.

Problem

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.

Solution

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.

Sodexo coverSodexo cover

Ideation & Storyboarding

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.

Sodexo cover

Implementation

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.

Sodexo cover

Special Thanks to My Team!

TO BE CONTINUED...