Prototyping
During the prototyping stage, our technical considerations, especially the use of D3.js, steered us towards a design choice: present users with a singular, primary visualization option. As users scroll further, additional graphical representations unfold. These graphs, while offering a snapshot of the workout data, also serve as gateways. A simple click transports users to the detailed data within the app, facilitating a more granular exploration.
To materialize our concepts, we turned to Figma, a powerful design tool that allowed us to craft high-fidelity interactive prototypes. Figma's collaborative environment was instrumental in visualizing the user journey, ensuring that the transition from one graph to another was both seamless and intuitive. For user testing and feedback, Maze was our go-to platform. It provided us with invaluable insights, helping us refine our Figma prototypes to better resonate with user expectations and requirements.