PRONTO XI DATA GRID
Reinventing the backbone of a complex enterprise application from a complex data engine to a confident decision-making experience
Data-heavy UX · Research-led problem solving · Interaction architecture · Usability testing · Reusable patterns
A Complex Enterprise Application
The Data Grid sits at the core of Pronto Xi, powering how businesses view, navigate and act on critical operational data. I transformed a convoluted, data-heavy experience into a streamlined decision-support system through a new interaction model, information architecture, navigation and user flows.
SCOPE
Research · Heuristics · Workflow Analysis · User Testing · IA · User Flows · Interaction Design · Prototyping · Responsive UX · Design System · Engineering · QA
OUTCOME
35–45% ↑ task efficiency
20–30% ↓ user errors
24 modules adopted the interaction model
THE PROBLEM
The Data Grid had become a dense, interaction-heavy environment for users working with high volumes of operational data. While the grid exposed powerful capabilities, the experience made it difficult to understand what mattered, what state the data was in, and what action to take next.
Information Hierarchy
Dense data and competing visual signals made it difficult to establish priority and scan information efficiently.
Navigation & Control
Users had limited control over views, filtering, sorting and information density, making common workflows unnecessarily complex.
Decision Confidence
Users struggled to understand the current state of the grid—what was filtered, sorted, available and actionable.
The core problem wasn't the placement of controls—it was users' confidence in understanding and acting on the data.
WHAT I DISCOVERED
I combined user interviews, usability testing across five core scenarios, workflow observation, support-ticket/error analysis and behavioural data to identify where users were struggling.
Navigation
Users couldn't easily understand how much data remained below the fold.
Views
Users wanted saved, personalised configurations.
Density
XL users wanted more control over how much data they could see.
DESIGN RESPONSE
01 — Information Hierarchy
Clearer hierarchy made dense data easier to scan.
​
02 — View Management
Users could save, name, duplicate and set default views.
​
03 — Contextual Actions
Sorting, filtering, highlighting, aggregation and other actions moved into contextual controls.
​
04 — In-Context Editing
Inline actions and object-view panels reduced workflow interruption.
RESPONSIVE + SYSTEM DESIGN
The interaction model was designed to scale across XL, Large, Medium and Mobile, with responsive navigation, touch-appropriate controls and adaptable view management.
XL → Large → Medium → Mobile
The new grid interaction model became a reusable pattern across 24 Pronto Xi modules.
AI-ASSISTED FUTURE
AI-ASSISTED INTERACTIONS
I explored how AI could reduce manual interpretation by suggesting filters, surfacing anomalies and recommending useful defaults.
OUTCOME
35–45%
Task-efficiency improvement
20–30%
Reduction in user errors
24
Pronto Xi modules adopting the interaction model
~40%
Reduction in design-to-development handoff time through reusable grid components and documented patterns.