Colposcope Digital System

Medical desktop app redesign | 2015

UX
Desktop
Medical

Nick Vasiliev | UX Design
Shay Ben-Barak | UX Design
Gili Ben-Shahar | UI Design

Overview

The colposcope digital system is used in hospitals and protection centers for gynecology and forensic examinations. Digital camera is attached the colposcope to capture images and videos. Desktop app is used to support two types of examinations, manage patient files, edit and store captured media, generate reports.

Goals & Challenges

The original app was made a decade ago. It was difficult to operate, had many usability problems, did not support all needed functionality and looked outdated and unaesthetic. We were asked to do a total redesign of the desktop app.

01

Total redesign of the app

02

Better support of established practices and workflow

03

Smooth adoption by the medical personnel

04

Adding new functionality

05

Fixing usability problems

06

Adding Hebrew supprot

Field Studies & Interviews

Our team has visited several medical centers, got familiar with established medical practices and the equipment in examination rooms, which was demonstrated to us by the medical personnel. We also interviewed several physicians and nurses to understand their workflow, constraints and pain-points.

Findings

01

Some parts of the app weren’t used at all

02

Structure and order of information were not fully aligned with medical practices and documentation rules

03

Some physicians were only using the colposcope system for snapshot capturing, while the nurses were operating the app

04

Some degree of non alignment of the patient treatment cycle across institutions

05

The workflow may differ in medical centers and protection centers

06

The equipment setup may differ in various examination rooms

Issues To Consider

01

Ethics and sensitivity of the whole situation due to the nature of the examinations

02

Reports generated in the app are used by legal medicine representatives

03

Privacy and security - very sensitive data is being operated

04

Legal considerations, such as limitation of data editing after the procedure

Requirements & Workflows

During the discovery stage the design requirements were gathered together with the dev team (they prepared the SRS document) and then optimal workflows were crafted for every module of the app.

Wireframes

This is a small part of the whole interface design and interactions with the system which was designed in Axure. Several iterations were made until the optimal result was achieved.

Visual Design

Several concepts were crafted by the visual designer, upon which the final one was chosen.

Takeaways

01

Appropriate research techniques should be chosen and applied for every project. Field research was crucial in this case and helped to uncover invaluable insights, that otherwise would have been missed

02

We had to operate in some degree of uncertainty due to some legal issues yet to be settled, which meant that changed could be applied at any stage of the project

03

Differences in treatment cycles and workflow across institutions meant that the system should be adaptive and flexible to support various scenarios

04

Collaboration with the dev team from early stages of the project was essential