top of page
Screen Shot 2022-08-17 at 3.23.16 PM.png
3m-logo-on-transparent-background-free-vector.jpeg

MyWoundHealing app

Duration: June-August 2021 
Role: UX Design intern
Department: Medical Solutions Divisions
Company: 3M 
Result: Proceeded to Minimum Viable Product (MVP)

OVERVIEW

MyWoundHealing app

is an existing digital service that supports patients with Negative Pressure Wound Therapy (VAC device image below). Most patients start negative pressure in the hospital and go home with the therapy for approximately 6 weeks. This therapy is used to treat patients with chronic wounds like diabetic foot ulcers and acute like surgical or trauma. 

Screenshot 2023-11-01 at 4.21.32 PM.png
3m-logo-on-transparent-background-free-vector.jpeg

+

Screenshot 2023-11-01 at 4.23.27 PM.png

+

IMG_4187.PNG

An image of the Negative Pressure Wound Therapy device attached to a wound

3M™ ActiVAC device 

MyWoundHealing app

MY ROLE

UX Designer

I was responsible for the entire design process, including information architecture, concept generation, prototypes, and finalizing conceptual designs, all to achieve user and business objectives. 

 

People that I worked closely with

I collaborated with an amazing team of UX researchers and UX designers, the design director, the global marketing leader, and the project manager to bring this mobile app design to life. 

PROBLEM

Only 2% of patients downloaded the current app due to usability issues and unmet needs, resulting in poor quality of life. 

USABILITY ISSUES

I was responsible for the entire design process, including information architecture, concept generation, prototypes, and finalizing conceptual designs, all to achieve user and business objectives. I also collaborated with an amazing team of UX researchers and designers to bring this redesigned mobile app design to life. 

UNMET NEEDS

I was responsible for the entire design process, including information architecture, concept generation, prototypes, and finalizing conceptual designs, all to achieve user and business objectives. I also collaborated with an amazing team of UX researchers and designers to bring this redesigned mobile app design to life. 

HOW MIGHT WE

How might we help patients feel confident with their wound care journey with an intuitive and engaging approach?

USER RESEARCH BY THE RESEARCH TEAM

KEY INSIGHT 1

Simple and intuitive layout

Text goes here

USER RESEARCH BY THE RESEARCH TEAM

KEY INSIGHT 2

Educational content

Text goes here

ANALYZE EXISTING MOBILE APP

What didn't work

The current mobile app had several issues. To uncover that, I create a user flow on Miro board with screenshots of the mobile app. Notes were added to address usability, navigation, and design issues. The comments were rationale based on user-cetnered design principles. Below are a few examples of the screen and comments. 

Screen Shot 2022-08-18 at 12.08.07 AM.png

Due to confidentiality purposes, this image is intended to be blurred

UX Affinity Diagram - Frame 3.jpg
UX Affinity Diagram - Frame 4.jpg
UX Affinity Diagram - Frame 5 (1).jpg

Information architecture: Regrouping the features 

  • The information architecture was grouped based on a card-sorting activity conducted by the UX research team.

  • Each feature was organized based on the user's needs, such as tracking wound progress, personalization, educational content, order supplies, and device help. The secondary features were grouped as the "wants," and those were healthcare visit reminders, profiles, and settingsThe findings align with the features of the current mobile app. The content and navigations were restructured to create a better user workflow.

Screen Shot 2022-08-17 at 4.02.59 PM.png

Different information architecture ideations on Figma

Market research and benchmarking

  • Due to time limitations, I focused on the home screen content, personalized education content, and wound progress. I looked for mobile app designs on the market with similar features to get inspiration. 

  • This process helped me think about ways to make it different from other mobile apps and be able to serve our target users better. Here are four of many examples shown below:

screen.png

From sketches to wireframes

  • Since our targeted users are mostly the senior population, I strived for a simple and intuitive layout. 

  • To ensure adherence to their wound journey, the wireframes focused on simpler user flow, gamification for enhanced motivations, and status updates about the wound therapy device. 

  • To make patients feel confident with their wound care, the educational content will guide patients with the precautions and care required before, during, and after the wound therapy. 

IMG_7640.jpg
IMG_7641.JPG
  • The sketches are developed into low-fidelity wireframes on Figma. I presented the wireframes to a team of stakeholders, including the UX Principal, UX researchers, marketing team, project managers, and design manager for review and feedback.

  • The iterations took around two weeks to ensure the features and content met user needs and business goals. 

iPhone 8 - 1.png
iPhone 8 - 2.png
Frame 1100.png
iPhone 8 - 5.png

Notification Alerts for reminders and incentives from learning more about wound care 

  • I explored different ways to convey the message effectively, provide a sense of urgency, and a clear call to action, so users are more likely to engage with it promptly. 

Screen Shot 2022-08-17 at 4.13.44 PM.png

Due to confidentiality purposes, I am unable to share the final screens and prototype. Please reach out if you would like to discuss further.

X - 116.png

Final outcome

How might we help patients feel confident with their wound care and adhere to their wound therapy using the MyWoundHealing app? 

  • The redesign of this mobile app consisted of features including, but not limited to, personalized content, educational content based on the stages of their wound, mental health check-ins, and wound progress.
     

  • A mid-fidelity prototype with different user scenarios was created and presented to the stakeholders. The team was pleased with the result and stated that this app could make a positive impact on patients using the wound therapy device because they will be more knowledgeable in the wound care space and feel more motivated to adhere to their wound therapy journey.
     

  • The concept app resulted in the advancement of the conceptual design to the Minimum Viable Product (MVP) stage. More details will be updated. 

A few highlights from my internship experience (both virtual and in-person)

3M intern.jpeg

What the Healthcare Business Group team said about me

3M feedback.png
Screen Shot 2023-10-03 at 9.00.17 PM.png

Reflection 

What was the most challenging part?

What was the most enjoyable part?

What did I learned?

  • Understanding the complexity of the product's ecosystem and the end-to-end patient journey
     

  • Due to time limitations, I was unable to conduct user testings with patients to validate my wireframes

  • Making design decisions based on user needs instead of my own preferences
     

  • Worked on the process from the beginning till the end 

  • Present using compelling storytelling and communicate effectively across cross-functional team
     

  • Understand the importance of short and long-term project goals and structure of the organization
     

  • The impact of product value on business revenues 
     

SOLUTIONS 

Home screen design:

Wound care learning progress, reminders, real-time updates of the VAC device status

Based on the research findings, users would like to see the progress of the videos about wound care, get reminders of their upcoming visits with their healthcare provider, and see real-time updates on the status of the Negative Pressure Wound Therapy (VAC) device. I developed my wireframes, aligning with user expectations and needs.

This layout has a mental health prompt to ensure they have a positive quality of life. The rectangle boxes creates a consistent layout, which makes it easier to interact.

iPhone 8 - 5.png

This layout has large clickable shapes for users with bigger finger sizes to click easily. Since the app requires user to do certain prompts, the information will appear on the top biggest grey box to catch their attention.

iPhone 8 - 3.png

This rounded icons create a more approachable and user-friendly aesthetic. This can be especially. It also provides a good touch targets.

iPhone 8 - 2.png
bottom of page