Stryker Medical Product Testing Web App

Web application dashboard page presents a clean, intuitive interface with improved information architecture allowing test engineers to streamline their task list and process tests of Stryker’s medical products much more quickly.

Case Study Background

Stryker faced challenges with efficiently managing the testing of their products due to fragmented applications used for each stage of the testing process. With increasing regulatory pressures and the need for compliance with industry standards, the organization sought a centralized solution that could drive greater ease, speed, and organization to their testing process.

Objectives

  1. Centralized Data Collection: Create a central repository for data and documentation from various test engineers and compliance staff.

  2. Enhanced Collaboration: Improve communication between testing teams, research, quality assurance, and regulatory affairs teams.

  3. Real-Time Analytics: Provide stakeholders with real-time insights into testing progress and results.

  4. Documentation Attachment: Ensure adherence to industry regulations and provide a repository for easy search and access to necessary documentation.

Methodology

Phase 1: Requirements Gathering

Research and Planning

The project began with thorough research to understand the needs and existing challenges of stakeholders, test engineers, and compliance managers, revealing a demand for a more integrated, automated system.

Design and User Experience

After research was conducted, I and my team of UX/UI designers created Figma wireframes to test with users and iterate on the design. Key features identified included:

  • Users need to input test results and upload documentation in a single repository.

  • Users need real-time status updates on ongoing tests.

  • Need to integration with existing compliance and quality assurance systems.

  • Need for a persona-styled dashboard to quickly identify tasks, filter and easily search to find historical test results, and apply signatures to completed tests.

Phase 2: UX/UI Research, Design and Development

  • User interviews: Interviewed test engineers, chief engineers, and compliance managers, and mapped the end-to-end testing process and identify any gaps and pain points in the existing process. Then created wireframes to test with a new group of users and refine the concept.

  • Dashboard: A customizable home page dashboard with filters, flags, and search fields was created for each user persona to easily and quickly attend to their specific responsibilities.

  • User Interface (UI): The final design included easier navigation, with clear status tracking, organized lists of tests to do and completed tests, and click-throughs to documents, signatures, and comments. Accessibility testing was performed, as well.

  • E-Mail Notifications: The app notified users in their email client when they were required to attend to tasks.

Results

  • Increased Efficiency: The average time for completing a product test decreased by 30%, allowing teams to accelerate the testing cycle.

  • Improved Collaboration: Internal surveys indicated a 40% improvement in communication between departments, as teams can now access a shared platform for data and updates.

  • Regulatory Compliance: The web app helped maintain compliance with industry regulations by providing a clear audit trail and easy access to documentation required by regulatory bodies.

Conclusion

The development and implementation of the medical products testing web app and dashboard resulted in significant improvements in efficiency, collaboration, and regulatory compliance for the client. By centralizing data collection and providing real-time statuses, the organization is now better equipped to manage the complexities of medical product testing in a highly regulated environment. The case study underscores the importance of user-oriented design and iterative development in creating effective technological solutions for the healthcare industry.