My role
Over the course of 3 months, I was responsible for diagramming user flows, mapping use cases and prototyping UI.
Context
Intelligent Assets is a no code industrial IoT application that supports monitoring connected assets with a wide range of use cases, from regulating microclimate environments to detecting anomalies in sensor data streams.
Problem
In dashboard visualizations, the lack of visual cues for normal vs. abnormal values impedes rapid data interpretation and anomaly detection.
Solution
Threshold mapping enables a user to set custom ranges and style them with colors and icons to immediately indicate when data is out of range without needing to dig into the data.
Prototype
Scenario 1 / Set numerical values to line graph visualization
Scenario 2 / Set value mapping for table visualization
UI Design
Select a field
User can select any metric from the query of a table visualization.
Select a display mode
Select from display modes for each unique visualization to create meaningful indicators that best fits the use case.
Numerical output → Thresholds
If the selected metrics have numerical outputs, the user will define thresholds by entering number values to map to a color.
String output → Value mapping
If the selected metrics have string outputs, the user can select from a list of the defined values to map to colors and icons.
Hand off
To ensure a smooth handoff, I met with the developer that would be working on the feature early on to understand their questions and pain points for hand off and identify any gaps. From our sync, I prepared a ticket in Jira and notes in Confluence:
- Interactive prototype to demonstrate the UI and behavior.
- Zeplin file with finalized screens, design specs, spacing, and functional annotations.
Once reviewed and approved by my design lead, I let the developer know it was ready to be worked on.
What I would do differently…
- Asked for feedback earlier and before it felt “ready”, in order catch potential issues earlier in the process, validate my approach and that the UI was going to meet the needs for our user, and I would have improved my own individual design process by learning from the perspective of my design lead.
- Been quicker to ask questions with the UX design and development team about design approach and feasibility and also getting earlier feedback on my concept ideas more often, I think I could have designed quicker with less mistakes and saved a lot of time.