Water Management App

Industry
Water Management
Platform
Desktop App
Our Role
UI/UX Design

Project Overview

We designed a web application tailored for waterway companies to effectively monitor crucial points within their operations. This application empowers them to identify issues, track water flow, troubleshoot problems, optimize processes, and schedule operations seamlessly.

Challenges

Our main challenge was devising and prototyping a system that enables operators to navigate to their regions on a map and examine areas of significance based on geography. In previous versions, users had to refer to lists of location IDs, but through user interviews, we discovered that maps were the preferred working tool. We also crafted a method for users to access detailed insights into different locations. Moreover, we needed to address alarms as they arose and analyze flow patterns.

Design Goal

Solutions

We worked with a development team to elaborate on designs informed by user interviews and project manager feedback. The product was successfully launched and is now in a phase of continuous improvement.

Process

  1. We interviewed clients to collect requirements and gain insights into the functionality of existing waterway monitoring tools, as well as the traditional paper-based processes for documenting and charting water sensors.
  2. We outlined usage flows for both managers and operators, focusing on checking water sensor alarms and alerts.
  3. We designed, iterated, and prototyped a low-fidelity mockup, subjecting it to evaluation by stakeholders and a selected user group to ensure acceptance and usability.
  4. Our team produced high-fidelity mockups and development assets, crucial for the development team's efforts.

The Design

Central to this app is the sensor chart. Users can navigate to site details through the map and then delve into the pressures at specific waterway junctions. From this chart, users can correlate alerts and alarms present in the Gantt chart and simultaneously compare them with the pressure graph. This provides waterway operators with additional context for alerts, enabling them to swiftly troubleshoot issues like leakages or blockages.

Process

Information architecture

The Design

View More Case Studies

Ready to Slay Giants?
Start Your Sprint Today!

Solutions

We worked with a development team to elaborate on designs informed by user interviews and project manager feedback. The product was successfully launched and is now in a phase of continuous improvement.

Process

  1. We interviewed clients to collect requirements and gain insights into the functionality of existing waterway monitoring tools, as well as the traditional paper-based processes for documenting and charting water sensors.
  2. We outlined usage flows for both managers and operators, focusing on checking water sensor alarms and alerts.
  3. We designed, iterated, and prototyped a low-fidelity mockup, subjecting it to evaluation by stakeholders and a selected user group to ensure acceptance and usability.
  4. Our team produced high-fidelity mockups and development assets, crucial for the development team's efforts.

The Design

Central to this app is the sensor chart. Users can navigate to site details through the map and then delve into the pressures at specific waterway junctions. From this chart, users can correlate alerts and alarms present in the Gantt chart and simultaneously compare them with the pressure graph. This provides waterway operators with additional context for alerts, enabling them to swiftly troubleshoot issues like leakages or blockages.

Process

Information architecture

User Flows

The Design

Ready to Slay Giants?
Start Your Sprint Today!