3 min read

Philips (Via Ownpath) ⋅ 3 Months (2024) ⋅ Bangalore, India

Philips (Via Ownpath) ⋅ 3 Months (2024) ⋅ Bangalore, India

Streamlining cardiac health tracking for clarity

Streamlining cardiac health tracking for clarity

Industry

Healthcare

Responsibilities

End-to-end UX & UI Design Process, Prototyping

Role

Product Designer

Team

1x Design Manager, 1x UX Researcher, 1x Marketing, 1x Engineer

Overview

Redesigned a complex heart tracking app that helps in regular tracking of the current state of the heart to indicate any future risks, as a MVP concept for Philips India. Aimed to reduce user confusion, improve onboarding, and simplify the scanning process of the app.

The challenge

The app involved two major journeys lasting 2-7 days to determine cardiovascular health and any future-risks that could be prevented.

  • But it lacked around clarity, effort, expectations and next steps to improve a user's health.

  • Users were hesitant to trust the process.

  • The existing UI provided little feedback or guidance, particularly for users aged 30-58.

Our job was to reimagine and improve this experience, and deliver a MVP under 3 months.

The approach

  1. Research Synthesis: Synthesized the UX Research done by Shreya Mukhta to get an understanding of the major pain points experienced by users aged 30-58 in their day-to-day life on their heart health, what these people's definition of  healthy activities was, and how they were using the app.

  2. Product Audit: Documented current flows using the app myself and screen recording, then documenting them as screenshots in Figma to further study.

  3. UX Reimagination: Improved & simplified existing flows through UX Mapping, then used Crazy 8s to wireframe concepts, iterated with feedback from Design Manager.

  4. Visual Direction: Created a visual moodboard and referenced relevant apps to guide aesthetics with Design Manager.

  5. High-fidelity Prototyping: Created user stories for key flows and developed high-fidelity interactive prototypes to present to stakeholders at multiple points.

My contributions

As the sole product designer, under the guidance of a Design Manager I was responsible for:

  • Owning end-to-end UX design deliverables. Auditing existing flows, redesigning a key heart health analysing flow, and improving the UX and UI of the key flows like onboarding, vital scanning, vital results and it's health metric data visualizations.

  • Developed a visual direction and style guide. Created a moodboard and brought in the right references to make a healthcare appropriate UI for the MVP

  • Prototyped and iterated key flows for stakeholder walkthroughs and handed off the designs to the developer under 3 months.

The outcome

Delivered a fully interactive MVP prototype for one of the app's primary health tracking journeys. The concept was presented to the Philips Innovations Lab India team as part of an internal review. While post-project outcomes are unknown, the MVP was developed on a tight 3 months timeline and positively received by internal stakeholders during design reviews.

Key Screens

Acknowledgements

  1. Following a process is key, but it comes at the cost of losing speed.

  2. Quick iterations establish a faster feedback loop. It's best to be ahead and quick on your feet with concepts and UX and UI iterations. This helps in finding the weak links quicker with your senior/manager and moving forward with improved clarity in the process.

  3. Branding is necessary, even in MVPs. We made a moodboard to determine the characteristics and treatment for the UI, but it became an afterthought during the fast process.

So, I took not more than 3 days after this project, and made slight visual improvements in the UI of a few select screens. The idea was to emulate the situation where I would have managed my time well and focused on polishing the visual identity and UI of the app.

Create a free website with Framer, the website builder loved by startups, designers and agencies.