Key Takeaway
-
Designers have limited insight into whether their screens align with the Base system or appear visually consistent with others.
-
Design and Engineering Managers often don’t take ownership of screen quality or system adoption.
-
Accessibility issues remain unresolved due to low team awareness and oversight.
-
The design system lacks coverage in some areas, failing to fully support design and engineering requirements.
Impact
Increase in Base Adoption Rate
Increase in Accessibility Issue Awareness
Reduction in
Visual QA Issues
Increase in Base Adoption Rate
Uber Base Adoption Dashboard
Uber's production screens across all apps (Rider, Driver, and Eats) and their adherence to our Base design system, active accessibility issues
Client: Uber
Duration : 8 Months
Role : Associate UX Designer
UI/UX Design · Prototyping · Design System · Ideation
Planning &
Sesearch
Audit Insights & Prioritization
Design & Collaboration
Monitoring with Dashboard
Evaluation & Impact
Overview
Enabled a dashboard using calibrated iOS/Android tools to track Base vs. non-Base component adoption, helping Design and Engineering Managers identify screens needing attention and monitor progress.
Highlighted accessibility issues and surfaced design system gaps, supporting more inclusive and engineer-aligned design decisions across Uber’s apps.
Challenge
Despite broad coverage, Uber’s Base Design System sees inconsistent adoption, leading to fragmented UI and limited accountability from teams.
Accessibility issues often go unnoticed. How might we track usage gaps, drive ownership among Design and Engineering Managers, and raise accessibility awareness to support full system adoption?
Observe
Analyze
Implement
WELCOME WELCOME MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK MORE WORK WELCOME
Insights
After analyzing the findings, I defined the dashboard’s purpose and audience to set a clear direction. Design and Engineering Managers were identified as the primary users, given their key role in driving design system adoption and screen quality.
The goals were to:
-
Promote Base system adoption
-
Foster accountability among EMs and DMs
-
Raise visibility of accessibility issues
-
Highlight design system gaps across the app
Research
I explored the Base Design System’s coverage, current adoption across apps, and alignment with design and feature team goals—this foundational step informed the entire process.
A design system ensures consistency, scalability, and efficiency by unifying the user experience and speeding up development through reusable components.
Detailed Looks
Shows production screen previews with red and green indicators from our Base component tool, helping the Design Systems team quickly identify inconsistencies. Each screen expands to a full-size view when clicked.
Accessibility Insights
Surfaces high-impact accessibility issues that hinder assistive tech users, using red tags and informative hover states. Clicking a tile provides deeper context about each issue.
Filtered Views
Enable screen and metric filtering by app (Rider, Driver, Eats), platform (iOS/Android), DM, EM, or user flow—making insights more actionable.
Company-wide visibility promotes accountability, helping DMs and EMs identify and prioritize screens needing attention for accessibility or design system adoption.
Friendly Competition
Displays Base adoption metrics by screen, filter, and group—featuring a leaderboard to spark friendly rivalry between apps and drive stronger design system adoption.
Showing Progress
Delta tags and bar charts visualize adoption trends over time, giving managers data for quarterly reports and helping track team progress.
Since early 2024, I’ve led the redesign of 100+ legacy Rider screens using Base components, collaborating with engineers throughout.
With the dashboard guiding adoption efforts, we saw a 17% boost in Rider’s average Base adoption by mid-year, enhancing global user experiences.
Design
I designed multiple mockups to explore how best to present dashboard information, collaborating closely with the Design Systems team and Design Managers to refine the approach.
Feedback from these discussions, along with deeper insights into user needs, directly informed the final design.
Iteration
Once the design was finalized, development kicked off—focused on building the site with the right functionality and ensuring clean, accurate data. I iteratively improved the dashboard through testing, maintenance, and new feature rollouts.
-
Testing: Gathered feedback and design systems team by usability reviews.
-
Maintenance: Performed regular updates, bug fixes, and data accuracy checks.
-
Feature Requests: Incorporated new features based on evolving business needs.