︎
Ellis Aguilar      



Progress Tracking


The Pill Club



Role/Team
Myself (Product Design Intern)
Margaret Sommers (Manager/Senior Designer)
Tools
Fullstory, Figma, Zeplin, Jira
Duration
3 weeks, 2021


Project Overview


At The Pill Club, I optimized onboarding and dashboard progress tracker components to improve accessibility and system status visibility which is a key usability principles that build user trust. I led a competitive analysis, audited existing designs, and developed a high-fidelity interactive prototype in Figma to address friction points identified through research and personal use.


The Solutions

Live Prototypes

Onboarding Progress Tracker


Live prototype in figma (clickable)

Dashboard Progress Tracker


Live prototype in figma (clickable)


Deconstructing the Components

Onboarding Progress Tracker



Dashboard Progress Tracker





Research & Analysis

Auditing Current Design

I focused on redesigning the onboarding and dashboard progress trackers after experiencing confusion with them as a user, especially with maintaining focus over time. Using visual analysis and FullStory data, I identified key pain points and collaborated with engineers to better understand the components’ purpose and functionality. This informed a more accessible, user-centered optimization.

Heat maps indicating “dead clicks”

Onboarding Progress Tracker
  • Users often click without results, unsure how to interact with the tracker
  • Progress bar only reflects current section, not overall flow
  • No clear indication of completed steps or what’s ahead
  • Users can't estimate time remaining, which affects focus and engagement
  • Funnel tracker has low contrast, making it inaccessible for many users

Dashboard Progress Tracker
  • Common “dead-clicks”, What’s Next component uses a similar UI to the radio bottons/mutli select in the funnel which are clickable
  • No visual differentiation between user tasks and what The Pill Club is doing behind the scenes --> both are included in the component


Competitive Analysis


I identified a few direct and indirect competitors who displayed different examples of progress trackers. I analyzed four companies in depth and noted a few key insights from their components below.




Brainstorm and Design Exploration




Paper explorations

Onboarding progress tracker design variations


What’s Next progress tracker design variations



Reflections and Next Steps


This project was the most challenging and therefore the most gratifying to complete. As a designer I have a passion for accessiblity, with the freedom to choose my project I was able to tackle a challenge that improved the overall user experience. Through meeting with key stakeholders such as engineering and brand, I was able to reach a solution that was well accepted and feasible for implementation.

My biggest takeaway from this project was learning the value of my perspective, even as a junior designer. The progress tracking component was an element of the design system that I felt passionate about before my internship even began. To prepare myself for the role I audited the onboarding process and took note of what stood out to me on each screen. Being able to express my concerns and be heard by my managers was reassuring and validated that I have something valuable to bring to the table, my perspective as a user.

Of course as a designer I value perspectives beyond my own. If I had the opportunity to continue working on this project I would conduct user testing and make sure to include users with potential visual, hearing, motor, and cognitive disabilities. An inclusive design mentality is imperative to having a usable digital product.




MXD Media 2024