UX
UI
Read Time: 5 Minutes

EcoEHS Incidents

As a Senior Product Designer, I collaborated with a UX team to enhance EcoEHS’s incidents module, addressing usability concerns and mitigating the risk of losing a major enterprise client.

Company

EcoOnline

Role

Senior Product Designer

Timeline

4 Months

Product Details

Enterprise (B2B) Environmental, Health & Safety application.


Team

2x Senior Product Designers, 1x VP Design, 1x Junior UX Designer


Tools

Figma, Storybook, Jira, Confluence, Excel, Teams, MS Forms

Overview

Problem

EcoEHS received a negative NPS score due to its overly complicated incident reporting module. Front-line workers found it cumbersome, leading to delayed or missing reports as managers had to follow up manually.

Team

As a critical update to a flagship product, the project was led by the VP of Design and primarily composed of senior designers.

  • 1 x VP Design
  • 2 X Senior Product Designers
  • 1 X Junior UX Designer
EcoEHS Incidents quick report with photo first improvement.

Results & Business Impacts

Improved NPS

NPS scores for EcoEHS Incident module, jumped from negative to positive.

63% More Reports

Clients found an increase in the number of reports being recorded.

Client Retention

Metsa remained one of EcoOnline’s main clients as a result of the incident update.

Final Design Visual

EcoEHS Incidents summary page with checklist for missing items.

Discovery

Research

We conducted video interviews with EcoEHS users, utilizing scripted templates and response-tracking spreadsheets. To ensure accuracy and minimize bias, team members were assigned specific roles for questioning, recording, and moderating.

Screenshot of video interview with united livingScreenshot of video interview with Mitie

Key Insights

Unfamiliar

Customers were not utilizing our products fully. They often didn’t know them well enough.

Hard to Understand

The incident module was hard to understand and resulted in drop offs in submitted reports

Photos First

Photos are key. More focus on images would help investigators.

Additional Insights

Safety Culture

Summary notifications could actually help improve client’s safety culture.

Screenshot of video interview with GKN

“This site has a long history. It’s been here for over 100 years now in various different kind of ways. It’s where the first steel wheel was made so its got a lot of history and legacy, but when I started here 2 years ago there was a terrible safety culture. It was like walking back in time. You walk back in there and it smelt smokey, horrible and there was oil everywhere. People didn’t ever really see the hazards or the danger because thats how it’s always been. It’s like 1950’s technology in 2020. It’s unreal. And that kind of culture has stuck around even though we have now moved to our state of the art plant.”

- Andy (Health & Safety Co-ordinator) @ GKN Wheels & Structures

Print Settings

The print feature needed some additional settings to be useful.

Better Actions

The print feature needed some additional settings to be useful.

View Options

Users would benefit from a single form view and a stepped form view.

User Roles

Photo of front-line worker user role
Front Line
  • Also known as “Floor Staff”
  • Not trusted with full report‍
  • Not overly motivated to report
  • Currently calls support line or informs supervisor of incident
Photo of EHS manager user role
EHS Manager
  • Also known as “Supervisor”
  • Takes digital camera on morning walk through and uploads process.
  • Hears about something and has to investigate/ record details ‘second-hand’

Designs

Rapid Reports

Our research revealed that front-line staff were reluctant to report incidents due to the time-consuming and complex entry process. Infrequent app usage further reduced engagement. To address this, we introduced a quick incident report form accessible via QR code, capturing only essential data with an emphasis on photo uploads. Line managers could then investigate and complete reports later, streamlining the process.

EcoEHS Incidents QR code tile component

QR Code generator tile component.

Design for photo first leading quick reports

The quick report elements would lead with photo uploads.

All the steps of the quick report on mobile

All steps of quick reporting for front-line workers, accessed from a QR code scan on any device.

Detailed Reporting

Line managers were responsible for following up on quick reports from front-line staff, requiring a more detailed incident view for thorough investigations. These users spent up to three hours daily navigating multiple reports to add insights. To support their workflow, we introduced both rapid and detailed reporting options. The detailed report allowed users to input extensive information in either a stepped or full-view format, with a summary upon submission to ensure completeness.

EcoEHS getting started launcher

The new report launcher provided managers with the ability to create rapid or detailed 'complete' reports.

EcoEHS details capture

Details capture was the first step of a potentially long list of form sections.

EcoEHS actions drawer in view

EHS Managers and supervisors would have the ability to add multiple actions in a single step.

EcoEHS submissions page featuring a checklist of steps

A check and submit section gave managers a final overview to ensure no steps were missed.

QR Code Generating

To streamline reporting for front-line users, we enabled QR code generation. These codes could be printed on various materials and placed on-site, allowing users to scan them with their devices. This would launch the quick report in a browser, linking directly to the client’s EcoEHS instance.

QR code generation with accompanying print out of QR code on lanyard

QR codes could be generated and downloaded then printed and placed anywhere the client needs.

User Testing

We were able to visit EcoOnline clients in the United Kingdom and Finland to perform some evaluative testing. We met with front-line workers and mangers on  sites such as waste management landfills, Formula 1 labs and food production plants.The feedback whilst positive also helped point out some areas that we had initially missed. The main point being personal phones were often not allowed on site, so the quick reports would need to also be generated for approved on site devices.

Front line manager testing EcoEHS updates on mobileEHS manager viewing detailed reports on laptopFront line workers providing feedback on EcoEHS mobile prototypeEHS managers viewing detailed report prototype

“I hate filling out incident reports but the quick scan of the QR code on my phone makes it a lot easier. I would be happy to do that.”

- Mike @ FCC Environment

We often don’t let people have their phones on site, so can we also have the quick report on a PC in the office?”


- Kamal @ Viridor

⚠️ Client Retention

Metsa were unhappy with our current offerings and stated they were going to look elsewhere if the product did not improve. This client was one of our highest paying contracts, we had to be careful what we showed them.

Solution

We took extra time in evaluative research with Metsa spending an extra 2 days with their team to truly understand their problems and finding solutions. This discovery would fix some of their key issues with the EcoEHS Incidents module. We showed them just enough.

What I learned

Don’t over promise. You have to be careful what you show in your potential solution as not all aspects of your design may make it into the final product.

Learnings & Take Aways

  1. The value of on site user testing is incredible. If you can get your prototypes into as realistic as possible setting you will get more feedback in context.
  2. When you have one valuable enterprise level client it can often cause you to be biased towards their needs due to monetary return. Remember you are solving a problem for all your users. You have to ensure positive business impacts with every solution, but not at the expense of the wider audience.
  3. Be prepared for a lot of work to end up on the cutting room floor. This will be frustrating to many designers but you will produce a lot of work that cannot be easily fit into road maps. In this instance we had to scale back some of our solutions and focus only on solving the issues in key insights.
  4. Retaining a client of any level is rewarding, yes there was a large monetary incentive here but keeping your users happy enough to stay with you is incredible.
  5. This was an update to a product I had worked on years earlier. It was an great experience for me to be able to revisit a product with a team of skilled designers. There were many decisions I had made in the original design that I wasn't pleased with in the results when first built. Errors of a younger designer that would stick around for a long time.