MobileODT - Cervical cancer detection app
Type: Healthcare / Medical devices
Role: Lead UX/UI
Scope: Android app, web app
Skills: Suser research, User interviews, Product design, UI design, Hardware/Software interaction.
Timeline: 2015 - 2017
www.mobileodt.com
“A digital ecosystem that enables fast, affordable and precise cancer detection. ”
My role as a lead UX/UI designer at MobileODT was to design and maintain all user facing aspects of the "EVA System" - a platform that supports and enhances health-professionals' abilities to identify and treat cervical cancer.
The core of the EVA system is the EVA device, a mobile imaging tool controlled by an android app called the EVA app. My first goal at MobileODT was to transform the EVA app from the developmental stage to a user-friendly product.
With the EVA app, users can take images of patients, log medical information, chat with other healthcare professionals, mark images and more. The app is available in different flavors suitable for several types of users. For example, a nurse will use the app to take images of the patient and create new patient cases daily, but a supervisor may use the app just to review and consult patient cases.
Eva device with the embedded Android phone.
My first goal at MobileODT was to learn more about the way our beta testers are using our app. We were already looking at usage data through our data-base, but, I needed to know more about our actual users, real-life use-cases and how we can make their process better with our product.
I started doing user interviews and building user personas based on real beta-testers. I found a great opportunity in the OB/GYN nurses’ triage workflow as a way to enhance the usability and product efficiency.
Initial personas
After several iterations of wire framing and prototyping, we built a live version of the new EVA app, based around the fundamental triage workflow: Details collection, images collection and a clinical decision tree. The app workflow is built around these 3 main steps and their sub-functions, but flexible tab navigation allows users to chose their individual paths through the workflow.
Low fidelity wireframes.
Eva app. Medium fidelity wireframes of main sections and functions.
Eva app. Basic 3 step process - Details, Images, Decision.
Eva Android app. Left: camera screen with filter menu. Right: patiet list
After several live iterations and refinements, we added a chat feature to the app. We saw an opportunity to use the connectivity of the phone to enhance the experience of novice nurses and use the app as a way to receive advice more experienced nurses or administrators.
Eva app. Left: image with annotations. Right: conversation.
While designing the UI for the EVA app, I had built a visual language for MobileODT’s suite of products. The UI language was based on Google’s Android UI and the MobileODT communication brand.
App icons
EVA product suite color scheme.
“While designing and testing the EVA app, I also worked on MobileODT’s Web portal and admin tools.
Read more about them here:”
Nurse using the EVA device and app.