Slides showcasing a range of projects where I deliver research-driven, user-centric solutions.
Highlights include:
• Enterprise SaaS: Transforming SAP Data Custodian with modern UI designs and seamless adoption of the latest design system, resulting in improved usability and product scalability.
• Healthcare Innovation: Designing Dexcom's first desktop app, enabling diabetes patients to access glucose data conveniently while working.
• Data Visualization & Research: From a dashboard for the San Jose Sharks to international design thinking workshops, see how I craft impactful designs and pinpoint design opportunities.
For this new Dexcom desktop application, I played the role of 1 of 2 designers in the consumer health tech space for desktop. I also gained insight into mobile consumer design because one of our goals was to complement the existing mobile app experience.
Tags: Health Tech | 0-1 Design | User Research
From: Jun 2020 - Aug 2020
My Role: Product Designer
Results: Delivered for implementation
1. There is a sensor inserted just beneath the skin that continuously measures glucose levels
2. There is a transmitter placed atop the sensor that sends real-time data out through bluetooth
3. A Dexcom receiver or smart device with the Dexcom app installed displays thereal-time data.
The Dexcom app is the software that allows smart devices to connect to the transmitter and display CGM data. The app also provides useful information like: trend arrows, trend graphs, and customizable alerts.
Who is Dexcom? They are a medical device company offering continuous glucose monitors that transmit data to a smart device such as an Android or iOS watch or tablet with their accompanying mobile app, the Dexcom G6 app, installed.
What was the problem? Dexcom customers lacked a desktop application, forcing them to rely on their tablet at times, which caused distraction from work on a computer.
Or, customers would use buggy 3rd-party solutions not consistent with the Dexcom G6 app. The opportunity afforded to my role here was to define and design the best desktop software for Dexcom’s customers.
Stage 1
How did we get to our solution? Everything started with research. I started research efforts by reaching out to the research coordinator who sourced participants for me. Then, I scheduled and conducted 7 interviews with Dexcom customers to understand their needs.
Quotes are shown above and I also got a story from a high school student about how she was scolded for looking at her tablet for data during online learning.
This was insightful and also served as motivation for me to design a solution.
A main user pain point was being distracted from work. 6 out of 7 participants expressed this.
Another main takeaway was the business need for Dexcom. 6 out of 7 participants wanted a native Dexcom offering. Dexcom was nonexistent in the desktop market and we even saw in the Google Play Store, customers expressing in reviews under 3rd party applications, a desire for Dexcom’s own offering.
With these insights, I developed “how might we” questions to inform my design direction and wireframes.
Stage 2
At this point I moved into the design process where I established the visual identity by taking from Dexcom’s and Apple’s design libraries.
Design for accessibility, specifically for color blindness, was ingrained into the process. From Dexcom, I got their apple green as well as components for their mobile app design. From Apple, I got their SF Pro font and components like the popover shown.
With the style guide established, I started with sketches that explored the location for the application. I tried a menu bar widget, a browser extension, and a stand-alone application. Thinking back to my user interviews, I landed on the widget position & design to give users quick access with minimal distractions.Afterwards, I created mockups for usability tests like the onboarding screens and the graph.
Stage 3
I connected back with our participant pool and conducted 7 usability tests to refine my design.I used a rainbow spreadsheet to color code the participants and filled in cells for successful tasks while leaving cells blank for failures. I found with the graph, that the magnification feature confused users and the text box on hover was hard to read. With alerts, I learned the delta value confused users and the menu bar did not catch users’ attention. For errors, the red dot indicator gave users the impression a health problem arose when it was an application problem I wanted to represent.With these insights, I made improvements and arrived at the final solution.
The graph improvements were key because I wanted to take advantage of hovering capabilities afforded by a trackpad or keyboard & mouse to complement the quick access users have with watches and phones.
In the end, the final design enhanced access to health data while ensuring the interface was unobtrusive.
The final solution I designed features a glucose level indicator and trend graph in the menu bar, allowing users to access their data quickly without taking up the entire screen. Finally, I revisited the problem statements.
How might we provide convenient access to CGM data?
View your glucose level and trend at a glance.
View history of glucose level in different timeframes with pinpoint data displayed upon hover.
How might we efficiently use the space on a device?
View detailed information without the screen being taken up.
How might we create an experience that builds Dexcom's brand?
Learn about how the desktop extension fits into the Dexcom ecosystem and what features it has.
See what action needs to be taken in response to the change in color and direction.
Get notified when a critical error interrupts CGM data readings.
Control whether or not you want to receive notifications.
For Windows, I developed a proof of concept after consulting with Windows engineers about best practices.
I took this project a step further by conducting a kano model analysis to determine next steps. The categorization planes show which features Dexcom users and employees care most about.
Taking quantitative data from the kano model and qualitative data from interviews, I laid out a roadmap for the product.
• What did I learn from this project?
I like conducting user interviews. I felt like the conversations we had with Dexcom customers were impactful for both sides. As a team, we gained valuable opinions and feedback to support our decision-making. For the Dexcom customers, they got an opportunity to directly communicate with the company they were a customer of and have an impact on their own experience. I look forward to more human-centered design projects that have positive impacts on both sides.
Current designers are one of your best resources. They know the work and they have done the work. Chances are, they have been in the same position of needing guidance before, and they also have the skills and knowledge that can help you figure things out. So if they say they have the time and energy to help, ask for it. Without the help and guidance of the Senior UX Designer we worked with, we would not have been able to produce the quality work that we did.
• What are the most challenging parts of this project?
It is challenging to design a product that does not already exist. There are a lot of pieces to put together and a lot of research and communication is needed to determine what comes first. Along that point, I learned that it's important to start early and often so that all ideas are laid on the table and you can get the feedback and guidance needed to move forward efficiently.
A collection of research artifacts: Miro board, competitive analysis, value proposition chart, personas, journey map, and storyboard.
Here are testimonials from colleagues that speak to my work and approach. The first one is from Nam, a QA lead at SAP. He praised my ability to quickly identify problems. Juliana, the UA developer, praised my ability to navigate difficult conversations and ability to create clean, user-centric designs. Karen, a Senior UX Designer at Dexcom, highlighted my dedication to design research and ability to learn new methodologies to inform design direction. I have references available upon request.
Slides showcasing a range of projects where I deliver research-driven, user-centric solutions.
Highlights include:
• Enterprise SaaS: Transforming SAP Data Custodian with modern UI designs and seamless adoption of the latest design system, resulting in improved usability and product scalability.
• Healthcare Innovation: Designing Dexcom's first desktop app, enabling diabetes patients to access glucose data conveniently while working.
• Data Visualization & Research: From a dashboard for the San Jose Sharks to international design thinking workshops, see how I craft impactful designs and pinpoint design opportunities.
I lead the design of SAP's premier cloud security solution, driving user success for customers such as Apple.
View Project
I defined SAP Eureka's and SuccessFactors' digital design principles and delivered
user-centric designs.
View Project
I delivered and tracked the performance of landing pages for a variety of consumer goods clients.
View Project