Overview

As one of the founding designers at Jubo Health, I designed 2 key healthcare digital solutions that enhanced efficiency in high-stakes clinical environments.

1. Body Temperature Monitoring App – An IoT-enabled mobile tool that replaced manual paper logging with a dashboard visualising real-time temperature trends and sending alerts for anomalies, enabling faster intervention by caregivers.‍
2. SmartNIS Notification Centre – A digital notification system that prioritises critical alerts, reducing alarm fatigue and ensuring vital updates are never missed.

Both projects were grounded in in-depth research of hospital workflows and iterative design, resulting in more efficient, reliable tools for healthcare teams.

‍

Objectives

1. Simplify workflows for healthcare professionals: Design IoT tools that save time and reduce manual effort for hospital staff.
2. Design intuitive interfaces for all skill levels: Make sure the apps are easy to use for everyone, from tech-savvy doctors to nurses less familiar with digital tools.
3. Improve patient data visualisation: Present health data (like temperature trends or alerts) in clear, meaningful ways to help medical staff make quick, informed decisions.

‍

Scope of Work

• Discovery & Research: I kicked off by studying the landscape – conducting competitive analyses of other healthcare tools and, importantly, interviewing and shadowing healthcare professionals to pinpoint their needs and pain points.
• UX Design & Testing: I mapped out the information architecture and created wireframes for both the monitoring app and the notification system. Then, I ran usability tests (including A/B tests, like trying different alert designs) to gather feedback and refine the design based on what worked best for users.
• UI Design: I developed a set of UI components (a kind of mini design system) and redesigned the main dashboards for both web and mobile use. The emphasis was on clarity, with colour-coding and simple visual cues that allowed data to be understood at a glance.
• Project Management: In addition to design, I helped coordinate the product development from concept through launch. I worked in agile sprints with the dev team, ensuring new features were user-validated and that design intent was maintained through implementation.

‍

Key Takeaways

• Immerse in the User’s World: By doing things like contextual inquiries and even shadowing nurses on their rounds, I gained invaluable insight into actual workflows. This taught me that spending time in the user’s environment can reveal needs that surveys or second-hand information might miss.
• Iterate with Feedback: I was reminded how crucial iterative design is. We kept testing features (for example, we A/B tested different alert styles for the notification system) and each iteration made the product better. This reinforced my belief that continual refinement based on real user feedback is key to a successful design.
• Clarity Saves Lives (or at least reduces stress): I learned the importance of clear data visualization in healthcare. When we made the temperature trends easy to read and alerts unambiguous, nurses and doctors felt more confident and could react faster. It drove home for me how good UX can directly improve care.

‍

‍

IoT Body Temperature Monitoring

As a Product Manager for this project, I aimed to simplify and enhance the workflow of healthcare professionals using an IoT product design. I carried out user research to gain insights into their daily work routine. Previously, each caregiver had to measure the body temperature of 40 residents within a 90-minute timeframe, using forehead thermometers and recording data manually on paper. The target users had varying levels of experience with digital products. It's critical to note that "Measurement" and "Monitoring" are different behaviours. Users must adapt to the new IoT app's mental models for monitoring residents' body temperature, which requires user-friendly UX designs.

‍

Customer Journey Map

During the design process, encompassing the stages of "Discovery" and "Interpretation", I utilised Contextual Inquiry, Shadowing, and User Interview methods to capture the user's needs and potential. As a result, I identified an opportunity to develop an improved service that caters to the users' requirements more effectively and precisely, as demonstrated in the service blueprint.

‍

User Research & UX Design

To start designing the user interface for the product, I first conducted thorough user research to identify user behaviours, interactions and workflow with the app. Using this research, I created a flowchart and wireframe to guide the following design process.

‍

Users' Workflow

‍

Interaction Definition

‍

Flowchart & Wireframe

I conducted a comprehensive analysis of the information architecture and user behaviours within the app. Based on this analysis, I strategically positioned the relevant information and action buttons on each page, ensuring optimal usability and intuitive user interactions.

‍

UI Design for Mobile App

‍

UI Design for Web App

The Web App version designed for reviewing body temperature monitoring data prioritises effective visualisation of body temperature trends at varying time scales, including daily, monthly, and yearly. The primary focus of the design is to present valuable insights into residents' body temperature patterns, with the ultimate goal of improving the quality of healthcare in facilities.

‍

Optimisation

After conducting a usability test with seven foreign carers who performed five tasks, it was found that the version 1 prototype had an issue in which users struggled to recognise whether the chips were connected successfully or not. This issue arose because the visual indicator relied solely on changes in text positions (chip names), which was insufficient for the users to determine the connection status accurately.

‍

A/B Testing

In order to optimise how users can easily recognise the chip connection status, I redesigned the "Pairing a Body Temperature Monitoring Chip" stage, creating two different solutions for the pairing process.

‍

Streamlined the process by immediately returning the user to the chip list after connecting to a smartphone. The devices list displays the updated count of connected chips, indicating the addition of one more chip.

‍

Maintained the same step count as the version 1 prototype while incorporating a "snackbar" notification at the bottom of the screen. This notification confirms the successful connection of the newly added chip to the smartphone.

‍

Results

To evaluate the effectiveness of these design enhancements, the same seven foreign caregivers who participated in the Usability Testing were invited to participate in an A/B test. The results showed that the inclusion of the "snackbar" at the bottom of the screen improved comprehension for users, offering them a sense of controllability and feeling more manageable about the situation, thus enhancing the overall satisfaction of the system.

‍

Reflection

As a Product Owner for this project at Jubo Health, I successfully managed and designed two significant projects that reflect my dedication to user-centric designs and optimised user experiences. The first project focused on developing an IoT app for body temperature monitoring to simplify healthcare professionals' workflows and improve the user experience. Through strategic discovery, web and mobile app design, component-based UI-kit creation, and meticulous dashboard UI redesign, I successfully managed the product from concept to launch. I conducted usability testing and A/B testing to refine the design and enhance user satisfaction.

‍

‍

‍

SmartNIS Notification Centre

I led the development of the Notification Centre for the 'SmartNIS' SaaS platform, demonstrating my expertise in providing outstanding user experiences within UX Design & UX Research.

Utilising Google Material Design, I created an intuitive UI, which follows Jubo Health's design style UI that seamlessly integrates into the SmartNIS ecosystem across mobile, tablets, laptops and desktops. Through extensive research and analysis, I gained insights into user preferences and requirements, allowing me to establish the critical hierarchy of notification importances.

I mapped out seamless user flows and defined intuitive interactions for notifications UI, ensuring optimal user engagement and interaction. I crafted a user-centric experience that facilitates effortless navigation and effective information delivery by carefully considering user behaviour and preferences.

‍

SmartNIS Notification UI Design

I considered various scenarios and further designed the layouts, components, and overall visual aesthetics, aligning them with the unique branding and requirements of Jubo Health for SmartNIS's Notification Centre. The outcome is a cohesive and visually compelling interface that enhances user satisfaction and facilitates efficient interaction with notifications.

This project showcases my ability to combine research-driven insights, practical experience, and an unwavering dedication to user-centred design to create an exceptional Notification Centre that elevates the overall user experience within the SaaS platform.

‍

Reflection

The second project involved designing a notification centre for SmartNIS, a SaaS platform, where I employed 'Google Material Design' principles to create an intuitive UI. I conducted extensive research to understand user preferences and needs, defining clear notification guidelines and UI components for SmartNIS. This project demonstrates my expertise in providing outstanding user experiences through meticulous research, intuitive design, and a commitment to user-centricity, contributing to a cohesive and visually compelling interface within the SaaS platform.