Priimo
Personalizing Cancer Treatment
PRiiMO has developed a digital platform for both patients and their physicians that
uses AI-based precision medicine engines to personalize cancer treatment plans.
My job included characterization, developing the information architecture, designing
the app and taking charge of the design quality control alongside developers
at all stages of development, until full implementation in the client’s server.
Project ID
The Idea
The purpose of the app is to allow the patient to:
- Access their medical information
- Upload medical documents
- Schedule and view appointments for tests, such as MRI & PSA, Biopsies
- Find additional information about their disease through articles and videos
- Communicate with essential contacts, such as physicians, the hospital, clinics etc.
The Challenge
The main challenges in creating the app included:
- Organizing all the information by categories and building hierarchies
- Designing a straightforward and clear database for the user
- Producing a simple and fast navigation tool
The Research
Data
In the first phase of my research, I sorted all the data by categories and built a flowchart in order to observe the app from the perspective of the user. To avoid overwhelming the user, I employed methods enhancing usability and findability. I chose to create data sets containing 3-5 pieces of information each. Each data set was positioned in a separate tab and later arranged on a carousel. I was mostly inspired by Material Design, IBM and Human Design by Apple.
Empathy
The users of the app are carriers of prostate cancer, thus viewing their data may not be pleasant. In order to reduce anxiety when receiving new results, I designed the app using round, soft shapes that are often interpreted positively to evoke calmness and serenity. Additionally, I opted for gentle colors such as a light pink rather than a harsh red, which often signals danger.
User Flow
Wireframes
User Interface Components
UI Mock
Login screen
After three failed login attempts, the user is blocked from the system for 30 minutes. They may choose to wait, contact the service center, or change their password.
Password change screen.
The homepage contains all the information of the patient and was therefore designed in a condensed and concise manner. Different colors and shapes were used to represent hierarchies and categories.
To avoid visual overload in the homepage, smaller tabs were created to showcase the results of the patient’s three latest tests.
“Empty State” will appear on the screens of patients who have not yet undergone any tests.
A monitoring level showing the patient’s current condition compared with previous test results, each “level” represented by a different color. The design includes smooth, rounded shapes and calming colors to reduce discomfort in the user when viewing their sensitive test results.
After clicking on “See more”, the patient may access all their previous tests alongside summarized information.
The patient’s test results.
In the final section of the homepage, the user will find a calendar containing scheduled appointments and test dates. The user may edit and schedule new appointments by choosing “Set Date”.
The user may view their “compliance” score, or track record of attending MRI appointments, blood tests, biopsies and doctor’s visits.
Below, the user will see their average compliance score.
The user has the option of indicating whether each article has been “read” or “unread”, as well as pin important articles that will be moved to the top of the page.
To support usability, the search bar is located to the left of the page title. Upon clicking, the search bar will fully open past the header. The system automatically begins filtering and searching through content once typing begins.
An open article.
The timeline screen shows all the actions previously taken by the user, organized by date and time. Each action is distinguished by its specified color and icon. By clicking on an action, the user will access its description.
The user may navigate through the calendar in order to reach the correct week, month or year. A small dot will appear under the date on which an action was taken.
Navigation between months.
New users who have not uploaded any documents will see an “Empty State” page with instructions below.
After clicking on the plus icon, the user has the option of taking a photo or uploading an image from their gallery.
The document upload process, which can be cancelled at any point.
In the case that a document fails to upload, the user may choose to try again or cancel.
After the document has been uploaded, the user will be sent directly to the main screen.
The full history of the upload screen, with each upload characterized by the type and number of documents included. Additionally, a filter allows for easier sorting of documents by status (checked or not by a doctor).
The menu screen contains all utilities, such as settings, contact options, clinic info, etc.
Email update or password change.
Confirmation of a password change.
