I began by working closely with the UX designers to explore different design ideas and identify the most important user flows. We discussed several key scenarios that I would base my prototype work on, to use in A/B testing. I specifically highlighted edge-cases and potential errors, that my prototypes must account for, ensuring the UX team provided the necessary considerations.
With the scenarios in place, I developed flexible, interactive prototypes using Angular and the SHUI Design System. I built these prototypes to allow adjustment of pre-settings, so we could switch between multiple user paths and interfaces in real-time. This allowed me to bring the UX designers’ vision to life and refine the user experience dynamically throughout the process.
Roughly every 3 month my prototypes were then brought into user testing sessions, where I closely observed users interacting with the designs. I took detailed notes and identified bugs and usability issues, which were crucial for further refinement. My direct involvement in these testing sessions allowed me to rapidly iterate on the prototypes and improve.
Ideation phase
Design phase
Rapid Prototyping phase
Testing phase