The Biomarker Experience
The Biomarker Experience app offers an immersive experience for healthcare professionals attending conferences. Its primary goal is to educate users about the advantages of biomarker testing.
Focussed on user flows, interaction design, design iteration, and prototyping. Worked closely with project managers, medical and copywriters, and developers.
Design goal
Our goal was to educate pathologists about biomarker tests and procedures, including specific assays for different tumor types.
Understanding the journey
Developed content pathway and a journey map to outline how a user would navigate through the piece.
Based on user research and project mapping, we curated the cases. Each one featured multiple images, facilitating easy comparison and differentiation.
We tracked user actions to understand how they affected the on-screen results and fixed any issues with the functionality.
Visualizing the cases
High-fidelity wireframes breathed life into the project. By mapping out essential screens, we concentrated on crafting an intuitive and seamless tool.
Some key elements we focussed on:
Evaluating various navigator versions
Methods to view case visuals
Integrate options to zoom using diverse magnification tools
Varieties of magnification measurements
Set spots highlighting areas of significance
Determining how a user can enlarge multiple images — should it be concurrent or separate?
Prototyping to get the full experience
Developed a prototype to show stakeholders how the tool works.
A walkthrough demonstrating key functionality
Key Takeaways
Creating this web app taught me how to work with a development team closely. On the surface, this looks simple, but this was actually a tough project to engineer. There was a learning curve for us all. The tissue images contained a lot of data, so we had to figure out how to load and view them while keeping them synced when zooming and moving.