UX Magazine logoThe Magazine of the Usability Professionals' Association

Resuscitating the User Experience: A Touchscreen Systemfor EMS and Fire Rescue Professionals

By Theo Mandel, Ph.D.

Zoll Data Systems makes a touchscreen electronic medical record program for fire and rescue and Emergency Medical Services (EMS) professionals working in the field. Their previous version was outdated and difficult to use. When the company followed a user-centered design process for the first time, the new version fixed a number of critical usability issues and resulted in an extremely successful user experience and a financial success for the company.

The software runs on Windows-based touchscreen tablet and notebook computers. The previous version was successful, but was built on old architecture and technology. The interface was an old-style Windows desktop application, with no workflow. It was not conducive to touchscreen use in emergency vehicles by users wearing gloves and caring for patients, often with severe medical situations.

The previous user interface (shown in Figure 1), used standard Windows desktop interface elements that were inappropriate for a touchscreen interface. Many of the interface elements were difficult to use. For example, there were over thirty icons in the toolbar, making it difficult to remember the functionality associated with each icon. Two rows of small tabs also made it awkward to navigate through the interface, especially using the touchscreen. The text area was also very small. Finally, many non-standard, custom controls were created for common data-entry UI elements, such as dates and times. These custom controls caused many usability problems.

Screen image of the previous interface. It is a busy Windows screen.
The previous interface

Phase 1 – Field Observation and Requirements Gathering

As a usability consultant, I acted as usability team lead for the new user-centered design process. We started by collecting f unctional and usability requirements from existing and new customers and users. The project manager and I rode in ambulances and fire and rescue vehicles in Florida and Texas for four days. We observed EMS and fire and rescue professionals using the product in the field, and gathered their feedback on the user interface. The results from this phase were used to further refine functional and user requirements.

One key observation was that a large number of EMS and fire and rescue professionals, like many others in healthcare fields, are not comfortable with computers and electronic data collection. Their primary role is to care for and transport patients in emergency situations. Many are used to using paper documentation rather than electronic data collection systems (see Figure 2). This observation led us to define additional user requirements regarding training, intuitiveness, and directed workflow navigation.

Photo showing EMS staff in an ambulance using paper system
Paper-based data collection in the field

Phase 2 – Interface Design and Prototyping

The project’s design phase involved iteratively creating and reviewing conceptual and functional prototypes. We also achieved tremendous end-user input and involvement through conferences, blogs, and design reviews. The new design incorporated these key interface design and usability concepts:

Phase 3 – Final Product Design

After prototyping each functional area of the application and each type of documentation data entry, we turned the prototype and a functional specification over to the development team. As the usability team lead, I worked closely with the developers to review the application interface and interaction as development progressed. We also asked existing customers to review the new application as it was built.

After market introduction, the new product has been extremely well-received by customers and users. Two years of user and business feedback shows that the return on investment (ROI) for the company has been tremendous.

A photo of EMS staff working with a patient in the field, and an overlay of the final product, with a swivelling monitor
The new product in use

The product has received rave reviews and exceptional user acceptance. Training time and costs have been greatly reduced, which is a major selling feature for products in this field where there is high employee turnover. Training time was reduced from one week to three hours. One large customer could not get a competitor’s product up and running for a year. With Zoll’s new product design, the customer went “live” in two weeks without any training.

The interface redesign project cost approximately one million US dollars. Within two years, the new product design enabled the company to gain new and larger clients. They doubled the product’s customer base, more than doubled the number of licenses, and more than tripled the product’s revenue for the company. This success also allowed Zoll to increase the product’s price and offer additional product modules that contributed to the overall product revenue.

While usability improvements often improve a product’s acceptance, the company actually closed many new deals specifically because of the product’s usability and user interface.

Because of the success of this project, new major products or product redesigns within the company follow the user-centered process described here, and incorporate ongoing end-user involvement.

The Evolution of the Design

1. High-level screen layout and navigation area prototype

Screen image showing controls around the outside edges

The new design introduced a new page layout with navigation areas designed to provide consistent and intuitive button location and interaction, while maximizing the main work area of the application.

2. Prototype screen for specifying the patient’s gender

Screen image showing form to select gender

The vertical area in the left on the main area displays a summary of the data fields in the particular section.

Color highlighting helps users see the status of the data.

Selecting a value for the field automatically advances to the next data element in the workflow.

3. Inbox Screen

Screen image showing calls waiting for the ambulance team

The first screen shown after logging in displays the Crew’s Inbox, detailing a list of their current assignments.

Double-tapping an item or pressing the Open button opens that patient’s documentation screens.

4. Data Entry Screen

Screen image with a selection list and on-screen touch keyboard

In this typical screen, the user is filling in the name of the state where the patient was picked up. A list may default to the appropriate state if the company works in one state. A long list, such as state, displays an on-screen keyboard for users to enter letters to more quickly navigate than using the scroll bar area.

5. Graphical Body Navigation

Screen image showing a front and rear view ofa generic body to use for navigation. A list of symptoms is on the left.

Users were most excited about the new design’s use of body illustrations for graphical assessment, navigation, and selection. Users can touch a specific body area to navigate further or to select that area.

6. Body Type Selection Screen

The body type selection screen shows 4 options: male, female, child and infant

Users were able to select the appropriate body type for their assessment. Touching the Body Type button displayed a pop-up window showing male, female, child, and infant body types.

 

All illustrations courtesy of Zoll Data Systems

About the Author:
Theo Mandel’s background includes over twenty years in the field of user interface design and usability. He earned an M.A. and Ph.D. in Cognitive and Quantitative Psychology from the University of Colorado. He spent eleven years at IBM conducting software interface research, establishing industry-wide guidelines in graphical user interfaces and object-oriented user interfaces (OOUIs), and conducting hardware and software usability evaluations. He’s written two well-respected books in our field. The most recent is The Elements of User Interface Design (Wiley & Sons, 1997). Since 1992, he’s worked as an independent software usability consultant. He was also a co-founder and the chief usability officer for an electronic medical records software company in the late 1990’s. He serves as the healthcare chairman for World Usability Day 2007 and kicked off WUD 2007 at the UPA conference with the case study described in this article. He has worked in healthcare usability for the past ten years.

 

UPA logo
Usability Professionals' Association

promoting usability concepts and techniques worldwide

User Experience Magazine is by and about usability professionals, featuring significant and unique articles dealing with the broad field of usability and the user experience.
http://www.usabilityprofessionals.org/upa_publications/user_experience/

This article was originally printed in User Experience Magazine, Volume 6, Issue 4, 2007.
http://www.usabilityprofessionals.org/upa_publications/past_issues/2007-4.html.

© Usability Professionals' Association
Contact UPA at http://www.usabilityprofessionals.org/about_upa/contact_upa.html