Designing next generation Pfizer Trial Master File (PTMF) website.

Overview

1500 +
Screens
Screens
14
Modules
Modules
6
Unique user types
Users

PTMF ?

The Pfizer Trial Master File (PTMF) system and process are the realisation of the commitment Pfizer made to the multiple regulatory agencies. It provides real-time data and metrics allow study teams to proactively see which documents are coming due based on milestone date.

Timeline

1 Year and 4 months  | Jul 2021 - Sep 2022

Role and Team

Leading a team of 3 designers, I  worked as a Senior UX designer along with 2 Visual designers and 1 UX designers on 2 research sprints and 5 design sprints.

What I did

My responsibilities included understating overall landscape, ideating solutions, prototyping UI, business assessment and concept validation.

What I delivered

In the research sprint, I delivered a user research report, which consisted of insights from user interviews, user personas, and journeys. In design sprints, I delivered and also assessed visual designs for 14 modules.

Results

I enhanced the user's experience by streamlining how users set up, monitor and maintain the quality and completeness of the TMF. I achieved  this by constant A/B testing, which also helped in decreasing the time taken by the users to complete the task .

Research and Insights  |  Design System |  Design  |  Reflection

Research and Insights

I looked for insights while conducting user interviews by using think-aloud testing.

Designing for clinical Trails

What does providing a "great user experience" actually mean in clinical research, and how does this philosophy deliver tangible benefits to people? Realising the vision, I started with the project. I applied the UX lens of consumer technology to clinical research, which made participation more seamless, engaging, and valuable for people.

Drug Development Process
The drug development process

User Research

Participants
Participants
We set up interviews and focus groups with 40 people who work on PTMF website. We discovered their pain points, needs and requirements.
Interview Scripts
Interview Scripts
- How User Personally Use PTMF ?
- How users configure components in PTMF ?
- Frustrations that user had using PTMF system ?
- Potential systems updates or changes they would like to see?

Major Findings

1. Many frustrations were around the inefficiencies of task completion, system level visibility of information, and accuracy of the information.    Many users seem to be conducting repetitive tasks that require lengthy task completion times. This is due to multiple step process that    requires submission, quality checks, rework, review, and final acceptance.

2. Second, users had a hard time finding information and what events took place that lead to a decision. Lastly, users did not trust PTMF data,     especially while conducting searches or viewing metrics & reports. Causing many users to look deep into the data themselves to confirm     information.

3. In the end, PTMF does provide users with a tool to complete their work, but users tend to see an impact in their productivity levels due to     system constrains and process inefficiencies.

Click here to view User Interview Summary Report

User Persona
User Persona
User Persona
User Persona
User Persona
User Persona
User Journey
Study Owner Persona
User Journey
User Journey
User Journey
Journey

Design System

I worked on a design system to reduce handoff time.

The complex nature of the website necessitated more than 1500 screens covering modules like widgets and reports, grids, forms, pop up and etc. To maintain consistency and ensure efficient design to dev handover, I developed a modular design system based on reusable components and their states, such as grids, toasts, and forms. Every component can be rearranged and combined with others while maintaining design consistency and recognizable UI patterns for the user.

Design System

Design

We mapped user needs from research to features.

visual Design

"Improved QC dashboard that captures metrics more accurately and organized to their persona preference."

Status Summary widgets helped save time.

Many users need a quick way on home page to check the status of their documents and placeholders. Through this summary widget, now users can check the status in seconds. Earlier they used to do it through search, which was a lengthy process.

"Using user friendly nomenclatures."

Added ghost text for help and error prevention.

Users wanted to submit more documents every day, adding ghost text helped them in increasing productivity and also with error prevention.

visual Design
visual Design

"Incorporate a communication channel in which the history of the conversation can be tracked between document specialists and document submitters. "

Introduced comment field for quick communication.

Many users mentioned that it is tiresome to switch between the PTMF website and the inbox. To resolve the issue, I introduced the comment field at various places to smooth communication. This also ensures that any important information is not missed.

"Providing user with list of doc types supported when uploading multiple documents."

Help and Documentation.

The tooltip text and the document count helps user know the supported file format, this helps user in error prevention.

visual Design

Reflection

Things I learned.

How to create modular design systems to reduce handoff time.

Creating a primary design system (fonts, buttons, icons, spacing) before the team starts creating high fidelity screens reduces time spent on post standardization. A modular system allows the development team to build screens faster with all the components that make up the screens in one place. This also allows scalability of the design components across other services in the future.

Working with a large cross functional team.

Here I got the experience to work with 40+ domain experts, 30+ front end developers, 10 + back end developers, 2 project managers and 3 business analyst.

Importance of information architecture while designing a complex website.

While designing PTMF, information architecture was the backbone of this complex system. The Information architecture became the foundation of the system and it helped design the navigational context of the system and if the foundation is strong, the experience will be stronger.

Click here to view information architecture