Priimo App
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.
01
Description
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.
My Role
02
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
Project ID
03
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.
04
User Flow
05
Wireframes
06
Visual Design
Rubik
Color Palette
Icons
07
UI Mocks
Home Page
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.
Articles
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.
Timeline
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.
Uploads
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) After clicking on the plus icon, the user has the option of taking a photo or uploading an image from their gallery.
Menu
The menu screen contains all utilities, such as settings, contact options, clinic info, etc.
