After gathering user requirements and understanding better the kind of software we are making and our users, we began sketching using Balsamiq. We created two alternative sketches for both the welcome screen and the actual workspace of the software as these would be the main points of interaction for the user.

After receiving feedback, users preferred sketches #1 for both Welcome Screen and Workspace as they found it more intuitive. They also stated that the software should focus more on letting the user input patient data and show more detailed results. Hence, we iterated and expanded our initial sketches based on the feedback.

The next step was to advance our sketches by making low fidelity prototypes using Figma. The snapshots of the prototype show various key functionalities that the software should have and how they should behave. The sequence of key interaction points gives a brief overview of how the user would experience the software from start to end.

Welcome Screen

Home Screen

Main Editing Screen

AI Output Screen

To evaluate our prototype so that we can create an improved version, we decided on a heuristics evaluation as it seemed like the standard approach at this point in the development lifecycle based on the literature. We had also gained new insights from our client and users which let us better scrutinise our first prototype and improve it more.

We iterated and created a new prototype based on the evaluation and feedback. We improved our prototype on uploading new patient data and showing the analysis result. Based on the feedback, we added a button for users to see detailed analysis.

Home Screen

Patient Input Screen

File Selection Screen

Main Editing Screen

AI Output Screen

Result Screen