Our Process

After sketching our revised User Interface based on the feedback received from our Lo-Fi prototype, we then used Figma to create a Med-Fi prototype.

Whilst we were not coding, this prototype was an accurate representation of what we expected our coded application to look like. We took advantage of Figma’s prototyping feature to simulate button functionality & connections between screens.

Our Presentation

Click to learn more about the UI changes we implemented based on our Lo-Fi Prototype Testing, as well as the task flow in our Med-Fi Prototype

Our Med-fi Prototype

We worked on several iterations of our app to explore different UI possibilities and task flows in Figma. Here is the result of our first set of iterations.

Prototype README

Learn more about how to use our Med-Fi Prototype, the limitations we faced, and the hardcoding & Wizard of Oz techniques we used.

Our Reflection

After this assignment, we had a realistic representation of our interface to test with users.