Design Process
Understand
Research
Analysis
Pain Points
Define
User Flows
Personas
Storyboards
Ideate
Wireframes
Lo-fi Designs
Prototype
Interactive Designs
Hi-fi Mockups
Animations
Handoff
Stakeholder Feedback
Developer Handoff
Refining Designs
Clinical Trials
Design Process
1
Understand
Research
Analysis
Pain Points
2
Define
User Flows
Personas
Storyboards
3
Ideate
Wireframes
Lo-fi Designs
4
Prototype
Interactive Flow
Hi-fi Mockups
Animations
5
Handoff
Feedback
Implement
Refine Designs
Clinical Trials
PhysioLogic Devices, Inc.
PhysioLogic Devices, Inc.
The first Clinician app of it’s kind
New technology: A fully autonomous insulin delivery system.
A functional cure for diabetes.
The first Clinician app of it’s kind
New technology: A fully autonomous insulin delivery system.
A functional cure for diabetes.
The first Clinician app of it’s kind
New technology: A fully autonomous insulin delivery system.
A functional cure for diabetes.
Understanding the Product
The insulin pump is the first fully automatic insulin delivery device, contributing to the advancement in healthcare technology for better patient experience, by providing necessary treatment for people living with diabetes.
The insulin pump is the first fully automatic insulin delivery device, contributing to the advancement in healthcare technology for better patient experience, by providing necessary treatment for people living with diabetes.
Start
Welcome!
Let’s set up your Communicator
12:25
80%
Start
Welcome!
Let’s set up your Communicator
12:25
80%
The Implantable Pump supports a secure Bluetooth connection to the Communicator (the locked mobile device with the Clinician app and/or Patient app provided by PhysioLogic Devices), allowing patients to control their insulin therapy and for clinicians to perform clinical procedures. The Communicator then transmits and stores therapy and diagnostic data to the cloud, providing portal access and allowing for device management.
The Implantable Pump supports a secure Bluetooth connection to the Communicator (the locked mobile device with the Clinician app and/or Patient app provided by PhysioLogic Devices), allowing patients to control their insulin therapy and for clinicians to perform clinical procedures. The Communicator then transmits and stores therapy and diagnostic data to the cloud, providing portal access and allowing for device management.
Purpose and Vision
The purpose behind PhysioLogic Devices’ product is to provide life-saving insulin management system for clinicians and patients to easily control insulin therapy.
The insulin communicator app contributes to the innovation of an embedded medical device by defining interactions between the insulin communicator software and the implantable pump hardware, resulting in a user-friendly and accessible interface.
The purpose behind PhysioLogic Devices’ product is to provide life-saving insulin management system for clinicians and patients to easily control insulin therapy.
The insulin communicator app contributes to the innovation of an embedded medical device by defining interactions between the insulin communicator software and the implantable pump hardware, resulting in a user-friendly and accessible interface.
What is the impact?
The Implantation procedure allows clinicians to work quickly and help more patients by providing a clean, accessible, and safe user interface to guide practitioners through complex surgical procedures, input patient information, calculate data necessary for invasive procedures.
The Implantation procedure allows clinicians to work quickly and help more patients by providing a clean, accessible, and safe user interface to guide practitioners through complex surgical procedures, input patient information, calculate data necessary for invasive procedures.
What is the problem being solved?
The problem we solved for was defining the Implantation Procedure, 1 of 5 procedures I designed with the team for the Clinician app.
1. External insulin pumps cannot provide the amount of insulin required to prevent complications for patients living with type 1 diabetes.
2. The biggest challenge was defining, writing, and visualizing the specifications and user flow of the app that communicates with the insulin pump in order to instruct clinicians/surgeons through the surgical procedure.
The outcome was a never before seen implantation procedure instructional flow, guiding surgeons through the process of initializing system diagnostics, surgically implanting the insulin device, and assigning the insulin pump to a patient.
The problem we solved for was defining the Implantation Procedure, 1 of 5 procedures I designed with the team for the Clinician app.
1. External insulin pumps cannot provide the amount of insulin required to prevent complications for patients living with type 1 diabetes.
2. The biggest challenge was defining, writing, and visualizing the specifications and user flow of the app that communicates with the insulin pump in order to instruct clinicians/surgeons through the surgical procedure.
The outcome was a never before seen implantation procedure instructional flow, guiding surgeons through the process of initializing system diagnostics, surgically implanting the insulin device, and assigning the insulin pump to a patient.
Assigning Insulin Pump
to a Patient
Assigning Insulin Pump
to a Patient
Assigning Insulin Pump to a Patient
Order of operations: Remove shipping fluid, Ready syringes and record syringe weights, Fill pump with insulin, Weigh and record after fill syringe weights, Prime pump and proximal catheter, Select distal catheter size, Implant pump, Prime distal catheter, Assign pump to patient, Set daily basal dosage, (pair patients sensor step TBD), Review Implant summary, Complete Implant Procedure
Order of operations: Remove shipping fluid, Ready syringes and record syringe weights, Fill pump with insulin, Weigh and record after fill syringe weights, Prime pump and proximal catheter, Select distal catheter size, Implant pump, Prime distal catheter, Assign pump to patient, Set daily basal dosage, (pair patients sensor step TBD), Review Implant summary, Complete Implant Procedure
What makes Type 1 Diabetes management difficult? Why might patients need an implanted pump?
What makes Type 1 Diabetes management difficult? Why might patients need an implanted pump?
T1 Diabetes worsening
T1 Diabetes worsening
T1 Diabetes worsening
80% of patients fail to achieve the control
required to prevent chronic complicationsWhy is glycemic control worsening?
Why is nothing changing?
Management is too burdensome
80% of patients fail to achieve the control
required to prevent chronic complicationsWhy is glycemic control worsening?
Why is nothing changing?
Management is too burdensome
80% of patients fail to achieve the control
required to prevent chronic complicationsWhy is glycemic control worsening?
Why is nothing changing?
Management is too burdensome
Patients are overwhelmed
Patients are overwhelmed
Patients are overwhelmed
24/7 titration with subcutaneous insulin is required with unpredictable outcomes
Skin site management; infections, allergies
Pump Maintenance
Purchasing insulin and disposable supplies
24/7 titration with subcutaneous insulin is required with unpredictable outcomes
Skin site management; infections, allergies
Pump Maintenance
Purchasing insulin and disposable supplies
24/7 titration with subcutaneous insulin is required with unpredictable outcomes
Skin site management; infections, allergies
Pump Maintenance
Purchasing insulin and disposable supplies
Key Insights
Originally, the Implant Procedure was not included in the app, and it was purely a physical procedure without needing instructions or guidance specific to this device.
• Different patients need different sized catheters. This led to the realization that the clinicians would need to input catheter and patient data prior to implant; meaning it was necessary to build a user flow for Implantation surgery.
• Another key discovery was that the clinician home screen would look different pre-implant. visualizing the initial home screen for the app. An important question I asked to spark the results was “what are all of the navigational options for the user (clinician) prior to implant, if they have logged into the app but have yet to select/connect to the patient?”
• The conclusion we came to was how to visualize the Implantation start screen, involving pump diagnostics summarizing the pump alarm status, battery status, and similar data to indicate whether the pump is ready to be assigned to a patient for implantation.
Originally, the Implant Procedure was not included in the app, and it was purely a physical procedure without needing instructions or guidance specific to this device.
• Different patients need different sized catheters. This led to the realization that the clinicians would need to input catheter and patient data prior to implant; meaning it was necessary to build a user flow for Implantation surgery.
• Another key discovery was that the clinician home screen would look different pre-implant. visualizing the initial home screen for the app. An important question I asked to spark the results was “what are all of the navigational options for the user (clinician) prior to implant, if they have logged into the app but have yet to select/connect to the patient?”
• The conclusion we came to was how to visualize the Implantation start screen, involving pump diagnostics summarizing the pump alarm status, battery status, and similar data to indicate whether the pump is ready to be assigned to a patient for implantation.
Defining the Product
Defining the Product
Storyboards and Task Flows
To help visualize complex processes within the implantation procedure (such as device connection and priming the pump/catheters), I theorized and sketched ideas, task flows, and storyboards for the team to work with.
To help visualize complex processes within the implantation procedure (such as device connection and priming the pump/catheters), I theorized and sketched ideas, task flows, and storyboards for the team to work with.
User Flow: Pump Implantation Procedure
User Flow: Pump Implantation Procedure
Instructing surgeons through the Implantation Procedure by connecting to the pump, validating the pump as operational and ready for implant, then preparing the insulin syringes and proceeding through the procedure.
Instructing surgeons through the Implantation Procedure by connecting to the pump, validating the pump as operational and ready for implant, then preparing the insulin syringes and proceeding through the procedure.
Project Site Map: Implantation Procedure
Project Site Map: Implantation Procedure
A partial preview of the site map navigation applied from the user flow for the Implantation Procedure. The site map includes validating the pump prior to implant, preparation for implant after confirmed, and the implant operation steps. Not shown are the final steps post procedure.
Creating the site map based on the user flowchart provided the information architecture of the app and brought the vision together of what this procedure might look like in practice. The results include step by step instructions guiding surgeons through the pump implantation procedure to prevent errors before, during, and after the operation.
Creating the site map based on the user flowchart provided the information architecture of the app and brought the vision together of what this procedure might look like in practice. The results include step by step instructions guiding surgeons through the pump implantation procedure to prevent errors before, during, and after the operation.
Ideation and Creating the Designs
Sketching wireframes
An important aspect of the Implantation Procedure design was envisioning and adjusting the product specifications around our understanding and scope of the pump’s hardware capabilities. The Pump Implantation Procedure posed the greatest design challenge, as new information, questions, and changes regarding our medical device came to light.
An important aspect of the Implantation Procedure design was envisioning and adjusting the product specifications around our understanding and scope of the pump’s hardware capabilities. The Pump Implantation Procedure posed the greatest design challenge, as new information, questions, and changes regarding our medical device came to light.
These rough sketches demonstrate the ideation phase of the insulin pump status to be displayed on the clinician home screen.
Design Iterations
The initial Implantation process was not considered a procedure navigable within the app.
The original vision from the founder of PhysioLogic Devices was to include very few designs, with limited app interaction from the surgeons. However, through our research interpretation of the pump hardware specifications, medical device manuals, and gathering information from subject matter experts, the Senior Software Engineer and I discovered that it was necessary that the Implantation process was included in the app as it’s own procedure.
This discovery provided significant insight into the standard operations for not only the Implantation Procedure, but also for two other procedures within the app requiring similar patient data input and instructions for clinicians.
The initial Implantation process was not considered a procedure navigable within the app.
The original vision from the founder of PhysioLogic Devices was to include very few designs, with limited app interaction from the surgeons. However, through our research interpretation of the pump hardware specifications, medical device manuals, and gathering information from subject matter experts, the Senior Software Engineer and I discovered that it was necessary that the Implantation process was included in the app as it’s own procedure.
This discovery provided significant insight into the standard operations for not only the Implantation Procedure, but also for two other procedures within the app requiring similar patient data input and instructions for clinicians.
Patient Assigned: Pump Status
Procedures
Pump Status:
Connected
Patient Unassigned: Pump Status
Procedures
Pump Status:
N/A
Option 1
Option 1
Showing pump status to demonstrate to the user its availability (ex: connected, disconnected, n/a). Prior to Implant, pump status is listed as N/A. Simple labeling to provide necessary connection info to the user.
Option 2
Option 2
Providing the serial number prior to implant, rather than the patient’s name, to give an easy reference to necessary data and something that can easily be searched for in Galen if an error occurs.
Patient Unassigned: Serial Number
Procedures
Serial Number:
000001
Patient Unassigned: Patient Name
Procedures
Patient Name:
Unassigned
Patient Assigned: Patient Name
Procedures
Patient Name:
Maria Santos
Option 3
Option 3
Displaying the patient name to give the user (clinician) understanding of the info available once assigned. Patient name will be “Unassigned” prior to implant. Also gives insight into the next step the user will need to take in the process.
Interactive Prototypes
Visual Mockups
We focused our efforts on designing the initial look of the app from the ground up, based on field experts input and testing.
Each step is carefully mapped out from home screen status indication, to removing the shipping fluid from the device, to recording syringe prep weights prior to the operation. Envisioning and adjusting the product specifications for the Implantation Procedure around our scope of understanding for the pump’s hardware capabilities was the biggest constraint.
We focused our efforts on designing the initial look of the app from the ground up, based on field experts input and testing.
Each step is carefully mapped out from home screen status indication, to removing the shipping fluid from the device, to recording syringe prep weights prior to the operation. Envisioning and adjusting the product specifications for the Implantation Procedure around our scope of understanding for the pump’s hardware capabilities was the biggest constraint.
This low fidelity design flow shows how the users (clinicians) move through the app, once the insulin pump is confirmed and prepped for implant.
Animations
The final step included prototyping the interactions and click-through to test with the PhysioLogic Devices' team, field experts, and hand off to developers for questions and any further changes to design iterations.
The final step included prototyping the interactions and click-through to test with the PhysioLogic Devices' team, field experts, and hand off to developers for questions and any further changes to design iterations.
Select Patient from List
Select Patient from List
Select Patient from List
Search
Search
Search
Name
Name
Name
Chevalier, Léa
Chevalier, Léa
Chevalier, Léa
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
09/25/1953
09/25/1953
09/25/1953
Name
Name
Name
Moreau, Malik
Moreau, Malik
Moreau, Malik
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
05/21/1974
05/21/1974
05/21/1974
Name
Name
Name
Torres, Daniel
Torres, Daniel
Torres, Daniel
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
08/07/1961
08/07/1961
08/07/1961
Name
Name
Name
Yamamoto, Sato
Yamamoto, Sato
Yamamoto, Sato
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
10/05/1944
10/05/1944
10/05/1944
Assign to Pump
Assign to Pump
Assign to Pump
12:25
12:25
12:25
80%
80%
80%
Implant Procedure Design Flow: Assigning the Insulin Pump to a New Patient
Implant Procedure Design Flow: Assigning the Insulin Pump to a New Patient
Implant Procedure Design Flow: Assigning the Insulin Pump to a New Patient
This allows clinician to select the patient from a list of clinic patients).
This allows clinician to select the patient from a list of clinic patients).
This allows clinician to select the patient from a list of clinic patients).
Name
Name
Name
Chevalier, Léa
Chevalier, Léa
Chevalier, Léa
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
09/25/1953
09/25/1953
09/25/1953
Name
Name
Name
Moreau, Malik
Moreau, Malik
Moreau, Malik
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
05/21/1974
05/21/1974
05/21/1974
Name
Name
Name
Torres, Daniel
Torres, Daniel
Torres, Daniel
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
08/07/1961
08/07/1961
08/07/1961
Name
Name
Name
Yamamoto, Sato
Yamamoto, Sato
Yamamoto, Sato
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
10/05/1944
10/05/1944
10/05/1944
Select Patient from List
Select Patient from List
Select Patient from List
Search
Search
Search
Assign to Pump
Assign to Pump
Assign to Pump
12:25
12:25
12:25
80%
80%
80%
Name
Name
Name
Chevalier, Léa
Chevalier, Léa
Chevalier, Léa
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
09/25/1953
09/25/1953
09/25/1953
Name
Name
Name
Moreau, Malik
Moreau, Malik
Moreau, Malik
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
05/21/1974
05/21/1974
05/21/1974
Name
Name
Name
Torres, Daniel
Torres, Daniel
Torres, Daniel
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
08/07/1961
08/07/1961
08/07/1961
Name
Name
Name
Yamamoto, Sato
Yamamoto, Sato
Yamamoto, Sato
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
Date of Birth (MM/DD/YYYY)
10/05/1944
10/05/1944
10/05/1944
Select Patient from List
Select Patient from List
Select Patient from List
Search
Search
Search
Assign to Pump
Assign to Pump
Assign to Pump
12:25
12:25
12:25
80%
80%
80%
Review
Review
Review
Assigning pump to Malik Moreau. Please confirm selection to finalize procedure.
Assigning pump to Malik Moreau. Please confirm selection to finalize procedure.
Assigning pump to Malik Moreau. Please confirm selection to finalize procedure.
Back
Back
Back
Confirm
Confirm
Confirm
Confirmation dialog
Confirmation dialog
Confirmation dialog
Placeholder
Placeholder
Placeholder
Continue
Continue
Continue
Assign Pump to Patient
Assign Pump to Patient
Assign Pump to Patient
Select the patient from the clinic list.
Then input basal dosage to finalize the Implantation process.
Select the patient from the clinic list.
Then input basal dosage to finalize the Implantation process.
Select the patient from the clinic list.
Then input basal dosage to finalize the Implantation process.
12:25
12:25
12:25
80%
80%
80%
Clinician Mode
Clinician Mode
Clinician Mode
Alarms
Alarms
Alarms
Implant Procedure
Implant Procedure
Implant Procedure
Input basal dosage to finalize the Implantation process.
Input basal dosage to finalize the Implantation process.
Input basal dosage to finalize the Implantation process.
Placeholder
Placeholder
Placeholder
Continue
Continue
Continue
Total Basal Dosage
Total Basal Dosage
Total Basal Dosage
00.00
00.00
00.00
U
U
U
Set Total Basal Dosage
Set Total Basal Dosage
Set Total Basal Dosage
Input the daily basal dosage and continue to review procedure.
Input the daily basal dosage and continue to review procedure.
Input the daily basal dosage and continue to review procedure.
Placeholder
Placeholder
Placeholder
12:25
12:25
12:25
80%
80%
80%
Clinician Mode
Clinician Mode
Clinician Mode
Alarms
Alarms
Alarms
Implant Procedure
Implant Procedure
Implant Procedure
Finish
Finish
Finish
Implantation Complete
Implantation Complete
Implantation Complete
Patient Name
Patient Name
Patient Name
Malik Moreau
Malik Moreau
Malik Moreau
Final Fill Volume
Final Fill Volume
Final Fill Volume
xx.xx
xx.xx
xx.xx
mL
mL
mL
Prime Volume Delivered
Prime Volume Delivered
Prime Volume Delivered
xx.xx
xx.xx
xx.xx
mL
mL
mL
Summary
Summary
Summary
12:25
12:25
12:25
80%
80%
80%
continue
continue
continue
Set Total Basal Dosage
Set Total Basal Dosage
Set Total Basal Dosage
Input the daily basal dosage and continue to review procedure.
Input the daily basal dosage and continue to review procedure.
Input the daily basal dosage and continue to review procedure.
Total Basal Dosage
Total Basal Dosage
Total Basal Dosage
xx.xx
xx.xx
xx.xx
U
U
U
12:25
12:25
12:25
80%
80%
80%
Clinician Mode
Clinician Mode
Clinician Mode
Alarms
Alarms
Alarms
Implant Procedure
Implant Procedure
Implant Procedure
continue
continue
continue
Set Total Basal Dosage
Set Total Basal Dosage
Set Total Basal Dosage
Input the daily basal dosage and continue to review procedure.
Input the daily basal dosage and continue to review procedure.
Input the daily basal dosage and continue to review procedure.
Total Basal Dosage
Total Basal Dosage
Total Basal Dosage
xx.xx
xx.xx
xx.xx
U
U
U
12:25
12:25
12:25
80%
80%
80%
Clinician Mode
Clinician Mode
Clinician Mode
Alarms
Alarms
Alarms
Implant Procedure
Implant Procedure
Implant Procedure
Review
Review
Review
Total Daily Basal Dosage
Total Daily Basal Dosage
Total Daily Basal Dosage
xx.xx
xx.xx
xx.xx
U
U
U
Edit
Edit
Edit
Confirm
Confirm
Confirm
Prototype mockups of the procedure design flow assigning the pump to a new patient. Displays were presented to stakeholders and specialists within the healthcare field for feedback prior to testing the app with users and in clinical trials.
Prototype mockups of the procedure design flow assigning the pump to a new patient. Displays were presented to stakeholders and specialists within the healthcare field for feedback prior to testing the app with users and in clinical trials.
Assigning Insulin Pump
to a Patient
Assigning Insulin Pump to a Patient
Priming the pump and proximal catheter with insulin is used for clinical scenarios where a fixed volume of fluid needs to be delivered.
Micro-interactions
I crafted a combination card containing the progress bar and unit amounts as a key visual component throughout each procedure within the Clinician app for a necessary, personalized interaction indicating the total volume and remaining volume over time.
I have yet to find an existing component similar to this within any other app on the market today.
I crafted a combination card containing the progress bar and unit amounts as a key visual component throughout each procedure within the Clinician app for a necessary, personalized interaction indicating the total volume and remaining volume over time.
I have yet to find an existing component similar to this within any other app on the market today.
Priming the Insulin
Pump and Catheter
Priming the Insulin Pump and Catheter
Priming the Insulin Pump and Catheter
Priming the pump and proximal catheter with insulin is used for clinical scenarios where a fixed volume of fluid needs to be delivered.
This is a necessary step after the clinician prepares the syringes and records syringe weights, fills pump with insulin, records syringe weights after filling the device. Priming the pump and proximal catheter with insulin is used for clinical scenarios where a fixed volume of fluid needs to be delivered.
Results
Designing this innovative Implantation Procedure, a design unique to PhysioLogic's Insulin app and envisioning the navigable section of the app, it allows clinicians to identify any software or hardware issues prior to pump implant preventing potential errors during and after surgery.
Designing this innovative Implantation Procedure, a design unique to PhysioLogic's Insulin app and envisioning the navigable section of the app, it allows clinicians to identify any software or hardware issues prior to pump implant preventing potential errors during and after surgery.
Considerations
Considerations
Considerations
I envisioned, designed, and interpreted medical research and user data to create an accessible mobile app experience that instructs Clinicians through surgical procedures connected to the insulin pump.
This contribution to the innovation of the complex medical devices helps define interactions between the insulin communicator software and the implantable pump hardware, resulting in a user-friendly prototype developed for testing in clinical trials.
I envisioned, designed, and interpreted medical research and user data to create an accessible mobile app experience that instructs Clinicians through surgical procedures connected to the insulin pump.
This contribution to the innovation of the complex medical devices helps define interactions between the insulin communicator software and the implantable pump hardware, resulting in a user-friendly prototype developed for testing in clinical trials.
Alerts
Banners
Banner alerts communicate critical information such as errors, warnings, and system status.
Major Priority
Minor Priority
Success!
Alerts
Modal alert
A high priority modal alert interrupts the user and pauses their current task, requiring immediate action in order to clear the notification.
High Priority
12:00 PM
Acknowledge
Chess Club
Next case study
- image/card link
2025 karlirhind.design