First I started with competitive research. How are medical apps structured? What colors do they use? How do they organize their data? In general, medical applications tend to be very practical: little fluff, minimal cool colors, and lots of data presented at one time. I created a mood board to refer back to during the design process.

We needed to understand our users and the situations when they would be prompted to use the app. Due to legal and ethical reasons, we could not access actual users; parents and guardians with children that are on the LTV ventilator full time. However, we received second-hand feedback from the users through the nurses that train them. 

After receiving actual training from a medical professional, I was able to create the application architecture to ensure that when designing, everything that needs to be included, is not forgotten. I started creating sketches before mockups.

After approval of the sketches, I started working on mockups. My team and I went through several rounds of design before creating our final screens. We had the most difficulty with separating each section as we wanted to ensure that the titles were easy to understand and the user has a reasonable expectation of what to expect when taping on that button.

Once the designs were finished being created, prototypes were created in Adobe XD in order to go forward with user testing. During this time, animations were also created to be later implemented within the application.

There were several rounds of user testing. The first round was with those within the team. We could not legally have access to real users so second rounds of user testing were done with the next closest thing, parents. Parents tapped through the prototypes on several mobile devices and results were recorded. Corresponding edits were made to the design.

Once the design was solidified, the team decided to take a different direction, and instead of using videos to train users, we would use augmented reality instead. This meant that a 1-to-1 replica of the LTV Ventilator would have to be built and optimized for 3D usage in a mobile environment. I built the replica and also worked to help with implementation, giving code feedback and instruction and providing assets using spritesheets for the more experienced developers

The app was completed and shipped in 2021 and can be downloaded from the Apple and Google Play stores:

iOS (and silicon Macs):

https://apps.apple.com/us/app/ventilator-guide/id1522572803


Android:

https://play.google.com/store/apps/details?id=org.osfhealthcare.ventguide