Project Overview
This application redesign project is also an opportunity to rebuild trust between the organization, athletes and all stakeholders involved in the fight against doping. The main reason is that the application is obsolete, in terms of both user experience and technology. These shortcomings cause a lot of frustration in the sports community. We have redesign website and app to make filing whereabouts faster and easier, while assisting athletes to provide better information to USADA.
Website & Mobile App
The United StatesAnti-Doping Agency(USADA)
for submitting athlete whereabouts and filing compliance forms
MY ROLE
Role: Lead Product Designer
Client: U.S. Anti-Doping Agency (USADA)
Platform: Responsive Web Application
Tools: Sketch, Invision, Zeplin, WCAG 2.1 AA, Miro, Adobe Creative Cloud
SUMMARY
The Athlete Express website &App allows athletes in USADA’s Registered Testing Pool to view and update already-submitted whereabouts information.
• Quickly access and scroll through your whereabouts calendar.
• Add, delete, and change your current and upcoming location information.
In concrete terms, these athletes have to share their day-to-day Whereabouts, the hotels where they are staying, their place of residence, etc. They also have to indicate a time slot during the day when they could be tested. The data must be provided online every quarter and updated as needed, during the regular season and competition periods, either through the website or a mobile app. With this data, USADA can orchestrate “surprise” tests by control officers.
Problem
-
We needed to dive deeper into why AthleteExpress was received so poorly in app stores. We dug into our main users, their usage frequency, and how it compares against competitors in the app’s landscape. ​
-
We have a UX problem if someone forgets to hit submit
-
Review current Whereabouts Submission workflow
-
Determine a better submission workflow to reduce user clicks
-
Determine the most important items to be shown on the home screen
Solution
We broke down the users by their attributes, pain, motivations, goals, and responsibilities. I deconstructed the app into a sitemap to provide a visual understanding of Athlete Express's navigational structure and information architecture, outlining the actions and content displayed on each page. Afterwards, we were able to pinpoint exactly where improvements were needed in the user’s journey and developed mockups accordingly. Based on all our conversations the client, we added reminders for users to submit their quarterly whereabouts.
User Interviews & Surveys
To validate the quality of the idea, I conducted some quick user surveys with the primary user base I was targeting. The responses helped me gauge the immediate thoughts of users and their pain points. It provided me with valuable insights into what is currently working and what is not.
Pain Points & Opportunities.
WCAG 2.5.5 Complaince
​Design choices to make USADA more accessible while putting athletes at the center of interactions
​
-
Provide screen reader annotations
-
Provide appropriate color contrast
-
The touch target size, within the logged-in experience, of the "previous day" and "next day" arrows ("<" and ">") have a width of increased to at least 44px for WCAG 2.1 compliance.
-
Avoid All Caps
-
Remove asterisk from Required Fields and add optional text
-
Ensure that form elements include associated labels
​
Branding and logo design
I created a style guide to support the developers that were rebuilding and redesigning the system behind Athlete Express, as well as for handing off designs to succeeding designers.
​
As an additional measure of accessibility and usability, I tested each color to determine its accessibility. Each color passed AA accessibility standards where needed.
Site Map
The sitemap informed the user’s journey we designed. My team (developers, a product manager, and myself) captured different flows for each of the four groups of the main users- RTP, CAP, UFC, and Non-Pool. In conversations with the client, we reminded the user that they must submit their quarterly whereabouts.
Home Screen:
We want to focus on what's most important to the user:
-
Ability to submit quarterly whereabouts
-
Ability to update whereabouts
-
View of daily calendar
-
Quick access to test results
All other items (Resources, Education, Contact, Whereabouts) can be easily accessed via the hamburger menu.
We've designed a more minimal home page without all the unnecessary tiles.
High Fidelity
What I’m Proud Of
-
Creating an inclusive platform that supports Olympic and Paralympic athletes equally
-
Designing under regulatory pressure without sacrificing user experience
-
Collaborating across legal, engineering, and athlete support teams to ship a mission-critical redesign