
The design process followed a user-centered approach, focusing on real user needs and pain points to ensure the platform delivers meaningful and practical value.
1. Empathize: We conducted interviews with municipal engineers and infrastructure managers, and field teams to understand how they currently manage leak investigations and their biggest needs: contextual awareness, quick interpretation, and clear prioritization.
2. Define: We identified a key insight: while the risk map was useful, users lacked contextual data, such as pipe installation year and size, that could help explain the why behind certain risk hotspots.
3. Ideation: Collaborated with the multidisciplinary team to brainstorm solutions that integrate pipe attribute data with existing risk assessment maps, aiming for an intuitive and informative user interface. We explored various visualization techniques to represent data such as installation year and pipe diameter effectively. Developed wireframes and interactive low-prototypes showcasing different visualization methods, including color gradients for installation years and varying line thicknesses for pipe diameters.
4.Prototype: It was created interactive prototypes and defined:
- The visual hierarchy to highlight the most critical data first.
- The legend to ensure accessibility and clarity.
- The map interaction model, ensuring performance and ease of use on different devices and zoom levels.
5. Test: Finally, usability testing sessions were conducted with end users to gather feedback.
The newly introduced feature enhances this system by enabling users to visualize critical pipe attributes (specifically, installation year and diameter) directly on the map. This advancement allows for a more comprehensive understanding of potential leak risks and supports efficient maintenance planning.
This feature exemplifies how thoughtful design and interdisciplinary collaboration can lead to innovative solutions that address complex infrastructure challenges.
©Tenchijin - Property Layer
Sample view of pipe data showing installation year in a five-tone blue scale and diameter in five line thickness levels.
What Sets It Apart
- Integrated Visualization: Unlike traditional methods that require separate layers for each attribute, this feature combines multiple data points into a single, cohesive view.
- Intuitive Design: Utilizes a five-tone blue scale to represent pipe age (darker blues indicate older pipes, lighter blues indicate newer ones) and varying line thicknesses to denote pipe diameter (thicker lines for larger diameters). Gray tones and dashed lines indicate unknown data, ensuring clarity even when information is incomplete.
- Zoom-Responsive Display: The visualization adapts based on zoom level, maintaining readability and detail at various scales.
Innovative Aspects
- Simultaneous Attribute Display: By encoding multiple attributes into color and line thickness, users can assess various risk factors concurrently without toggling between layers.
- User-Centered Design: Developed through collaboration between product designers, engineers, data analysts, and business developers, ensuring the feature meets practical needs and enhances user experience.
- Scalability: The design accommodates future additions of other attributes without compromising clarity or usability.
©Tenchijin - Mesh Leak Risk Layer + Property Layer
Visualization combining Mesh Leak Risk levels with key pipe attributes (Property Layer) for clearer spatial analysis.
©Tenchijin - Visualized Leak Risk Map Using AI-Powered Satellite Diagnostics
AI-driven leak risk mapping using satellite data, helping teams quickly identify and prioritize high-risk areas for inspection.