PROJECT
UXUI Design, Communications, Graphic Design
TIME
March 2023 - Jan 2024
UCSF Eureka Research Platform
Company OverviewUCSF’s Eureka Research Platform is the first of its kind in medical research—the first to make participation in medical research studies readily accessible via web and mobile.
I was the only and primary UX Designer for Eureka Platform’s 16+ medical research subsites and the Eureka mobile app, cross-collaborating in a team of 20. Additionally, I developed branding and graphics for medical research study teams.
When I first joined the team, I thoroughly analyzed the existing product and its many external and internal websites, including the mobile app.
HOW IT WORKSThe user experience required users to go through a series of module-like surveys to participate in their enrolled medical research study. Depending on eligibility, some users could enroll in more than one study.
THE PROBLEMS.
Users were confused about which studies Eureka was associated with.
The mobile and web user experiences were drastically different (the mobile app was not accessible)
The number of duplicate accounts was gradually increasing and participation rates were dropping
There was also always the looming concern that my team and I often discussed with stakeholders and other medical research studies affiliated with Eureka:
How can we incentivize user engagement and participation? How do we keep users participating in their enrolled medical research studies?
RESEARCH.
COMPETITIVE ANALYSISI tried to find user experiences that mirrored aspects (ie., features, navigation, user flow, etc.) Eureka already had.
Similar to Eureka, Disney operates numerous sub-brands, and their onboarding process is consistent across all these brands. This approach was also a key solution for Eureka, which has affiliated subsites.
Eureka needed a global onboarding process for all subsites.
01
FIXING ONBOARDING,
REDUCING DUPLICATE ACCOUNTS
NOTE THE YELLOW HIGHLIGHTSThe web and mobile onboarding experiences were clearly different.
In web, there was no text or visual cue to prevent already enrolled individuals from creating a secondary or duplicate account.
No visual hierarchy for buttons
SOLUTIONS
‣
SOLUTIONS ‣
Changed the Eureka top banner to show that each study is a part of Eureka.
Added visual and textual cues so participants know they need one account and that research studies are all sub-brands.
Improved the visual hierarchy of buttons
Majority of our users participated through their mobile devices.
I applied most of the edits on the web to our mobile interfaces.
Result - 30% less duplicate accounts. NEW WEB & MOBILE ONBOARDING
02
UNIVERSALIZING
THE EUREKA BRAND
AFTER
SOLUTIONStandardize the Eureka brand across all platforms - make it clear to medical research teams and internal teams that the admin platform (aka the Study Management Portal) is part of Eureka, not an independent study management tool.
Improve the Eureka global brand across internal and external interfaces.
BRAND EXPLORATIONS
There are different users on the Eureka platform: research participants on public-facing interfaces and backend users, including research study administrators, researchers, and editors. It was especially difficult for new users to know the difference between each platform and what specific research study they were interacting with.
BEFORE03
MAKING DARK MODE
ACCESSIBLE
Dark Mode on iOS was not accessible to users. I created a WCAG-compliant Dark Mode design system for developers to implement across mobile.
PROBLEM: Most components and text were not accessible, and visual hierarchy was not present due to low color contrast
SOLUTION: Developed a global color system for Dark Mode for UI components, text, and elements
04
Research Study Branding & Graphics
05. Email Campaigns (a few examples)
Study-specific email campaigns
Eureka Platform Monthly Emails