BIOFIDELITY

A digital interface creation to help revolutionise cancer diagnostics.
2022   •   3 Month Project  •   Internal SAAS Web Platform  •   UX&UI
Final project outcome.
Project Deliverables and Design Process
Discover
  • Kick off meeting
  • Agree success metrics
  • Establish project team, reporting lines, key milestones and format of reporting stages
  • Brand discovery
Define
  • Conduct two hour workshop with stakeholders
  • User journeys
  • Personas
Develop
  • Produce wireframes of key screens
  • Creation of wireframe click-through prototype
  • Iterate and finalise with Biofidelity over three round of amends
  • Usability test wireframes (recruit and test 6 users)
  • Finalise wireframes based on recommendations and approved changes
  • UI design, create two UI concepts with art direction received from Biofidelity
Deliver
  • Review, iterate and handover final UI design
  • Style guide/component lubrary
  • Definition of the guide structure
  • Consolidate and document principles and components created throughout the project
  • Iterate and finalise with Biofidelity over three round of amends
Discover | Define
Biofidelity’s ASPYRE-Lung panel technology is a revolutionary test which provides access to precision cancer diagnostics for all patients
The technology delivers ultra-sensitive, comprehensive results quickly and affordably, enabling clinicians to make fast, well-informed treatment decisions for their patients.
Persona 1 – Lab technician
  • Easily and quickly run the tests
  • Be sure to avoid mixing up any results
  • Receive fast feedback as to whether there were any obvious errors
Persona 2 – Lab supervisor
  • Look after the domain and user management
  • Set up new user accounts and remove users as people leave the lab
  • Run tests as a user of the tool
Persona Visualisations
Click images to enlarge
Develop
Mid-Fidelity Wireframe Development
Usability Testing
Business Case
A click through prototype was then built to perform a series of usability testing. The research will assess the structure and interactions of the prototype prior to the user interface design phase. Six participants were interviewed over Google Meet.
Test Objectives
  • Assess how intuitive users find the navigation and content structure
  • Identify any areas that are unclear or require improvements
  • Understand any additional expectations
  • Participants were asked to undertake 8 tasks
Recommendations
UI Visual Inspiration Board
User Interface | Concept 1
Click images to enlarge
User Interface | Concept 2
Click images to enlarge
Portfolio Assets