IBM Clinical Development

ePRO

Design lead + UX/UI

Business impact

  • Saved IBM time & money to upkeep marketplace apps
    Along-side delivering the initial ask of a desktop web experience for ePRO, developing that experience as a PWA ultimately lead up to phasing out-of-market place apps for saved time and money.

  • Averaging 18,000 entries a month, tripling usage
    Within one year, the number of trial diaries submitted tripled its usage to 18,000 entries a month.

  • Contributed to 145 decentralized trials
    ePRO’s launch contributed to 145 decentralized trials.

My role

  • Lead the creation, ideation, iteration, and presentation of all design assets and artifacts through levels of fidelity

  • Collaborate closely with offering management and development leads to understand the current user capabilities, and industry expectations to identify opportunities for improvement

  • Collaborate closely with developers through the implementation of design

trio.png
eproscreens_4.png
eproscreens_1.png
eproscreens_2.png
eproscreens_3.png
eproscreens_1.png

Challenge

How might we update ePRO experience for remote participants so that there is better engagement and data collection for the trial?

dots2-08-08.jpg

Considerations

  • The original ask was just to make a web experience “skinned” to match the UI of the marketplace apps

  • The Solution needed to communicate with an already established Electronic Data Capture platform (IBM Clinical Development)

  • The current marketplace apps were not designed with Carbon design system, so the web experience needed to strike a likeness of the original apps, while adopting some Carbon components (to eventually be fully IBM brand compliant).

Overview

Problem: IBM Clinical Development ePRO (electronic patient-reported outcomes) needed a desktop experience that matched the already available mobile apps in the Apple and Android marketplaces. 

Solution: Develop a progressive web app (PWA) to facilitate the need for a desktop experience, AND transcend its usage for all web-enabled devices; eliminating the need for expensive upkeep of marketplace apps.

—————————

Team: Myself as Design lead + UX/UI, 1 Offering manager, 1 Development lead, 2 Developers, 1 QA

Methods

Heuristic analysis

Assessed the apps in the apple and android marketplaces to understand the function and identify areas that may need improvement.

Researching growing technologies

Based on the needs of the project, the investigation into growing technologies and trends helped identify that a Progressive Web app would be the ideal solution to deliver a web experience while also making a matching mobile experience.

Working with developers, the team was able to identify that a PWA was a viable means to deliver a web & mobile experience, while still following compliance to protect private patient information.

Low-fidelity wireframes

While generating as many iterations as possible, it was important not to make changes that were too drastically different than the already existing marketplace apps.

Option 1.jpg

Mid-fidelity wireframes

Once the team settled on a general direction for basic user capabilities, greater detail was added to the wireframes. These helped create discussion amongst the offering management and development leads to help identify other important considerations.