Unified Search Architecture

Engineers have to open 5+ pages and manually setup filter parameters multiple times everyday.

To capture unfiltered ethnographic insights, I conducted 5+ on-site observations within the labs and interviewed several operators of varying seniority during their active shifts. This helped me understand the actual workflows with critical context, and identify hidden gaps within the legacy platform

One peculiar behavior caught my attention during the research: engineers were manually setting up the exact same filter parameters over and over again because the system cannot "remember" the common filter set.

Search Amnesia

Without session memory, every page refresh instantly erased complex filter criteria. Engineers were trapped in a setup cycle, manually rebuilding their search environment dozens of times per shift, simply because they accidentally refreshed the page or switched to another task.

Spatial Inefficiency

Massive, static filter fields hijacked over 70% of the screen real estate for one-time configurations. This interface bloat suffocated the actual data viewport and forced unnecessary scrolling.

Siloed Entry Points

Search wasn’t a global utility; it was a series of isolated destinations. Users had to break concentration and navigate away from active workflows into specific sub-pages just to cross-reference operational data.

Search is a Workstation State, not a transient task.

The core realization was that search is the foundation of the workstation (90% of the search criteria remains unchanged for an 8-hour shift). The legacy system failed by treating search as a transactional action to be repeated.

By redefining search as a Persistent State, we established a conceptual foundation that justified architectural upgrades over surface-level UI cleanup.

Integrated panel over a modal for context continuity.

I opted for an integrated search panel rather than a modal to maintain context continuity. This ensures that operators can stay in the same environment to tweak the filter parameters without the disruptive context-switching inherent in modal overlays.

Turning complexity into clarity.

Before committing to pixels, I utilized rapid hand-drawn sketches to explore different filter architectures. We diverged and systematically evaluated several concepts to solve the spatial monopoly, assessing their practicality and impact on operator efficiency.

We achieved a "zero-footprint" UI that free up vertical real estate while keeping all parameters easily accessible.

The optimal balance was found in a dedicated independent filter row. Applying Gestalt principles, I placed the filters in close proximity to the search bar to maintain a clear mental connection, while ensuring the row remained visually distinct from the result table's action buttons to prevent functional confusion.

By separating the search text area from the filter set, we provided immediate visibility of active criteria. This allows users to perform quick adjustments directly from the row without needing to reopen the full filter panel. We achieved a "zero-footprint" UI that frees up vertical real estate while keeping all parameters easily accessible.

A single universal search bar without "smart-suggestion" would have led to frequent empty states and user frustration.

Usability testing revealed a demand for complex, cross-attribute queries that exceeded our initial architectural scope. At the same time, we hit a technical performance wall: to maintain efficiency at scale, the database required queries to be directed at specific partitioned tables. 

Without a "smart-suggestion" engine to automate indexing, a single universal search bar would have led to frequent empty states and user frustration.

The new minimalistic home page hindered workflow adoption.

Early feedback showed that the minimalist landing page intimidated users as they were accustomed to the data-dense legacy environment.

Users experienced “Blank Canvas Paralysis,“ that hindered workflow adoption—they simply didn't know where to initiate their work.

Filters were misclassified as distinct “Search Types”, causing confusion.

During the structural audit, I identified a fundamental flaw in the PRD: attributes that should have functioned as filters were misclassified as distinct Search Types only because they require user input. This misalignment with the underlying database architecture and established user habits created significant cognitive confusion and technical complexity.

6-to-1 consolidation: From setup chores to single-click launch

By unifying 6 modules into one URL-persisted engine, operators can now configure their criteria once, bookmark it, and never need to open the filter panel again. With these states persisted via URL, I transformed search from a repetitive "form-filling task" into a single-click entry point.

Achieved 1.77x increase in spatial efficiency

By modernizing the grid and reclaiming space from static filters, the active viewport was expanded by 77%. I utilized this expansion to balance increased row visibility with optimized hit-target spacing. This effectively eliminated costly misclicks and boosted operational efficiency by reducing repetitive scrolling.

Navigating technical boundaries and necessary compromise

Modernizing a decade-old system requires surgical pragmatism. During the reconstruction, I encountered numerous boundary conditions where radical change was not feasible. UX leadership is about identifying where to push for a backend overhaul and where to work within constraints (e.g., the Search Types) to deliver immediate value without compromising stability.

Repaying the "Inheritance Debt" of user inertia

Ten years of "Usability Debt" created rigid user habits that felt like muscle memory. Overcoming this inertia required more than a UI update; it required a strategic reconstruction of the information architecture. By pairing corrected logic with explicit visual guidance, I turned inherited habits from an obstacle into a foundation for the new system's adoption.

Context-First Iteration over Rigid Convention

General UI patterns often collapse in hyper-specific industrial environments. This project proved that "best practices" must be Stress-Tested against operational reality. Discarding popular patterns in favor of custom architectures that solve the "Spatial Monopoly" of data-intensive workflows was essential to our success.

Default & Personalized Saved Search Criteria with the help of Data-Driven Design Making.

To build upon our foundational qualitative research, I strategically embedded behavioral trackers to establish a Data-Driven Design Making (DDDM) framework. This transition allows us to observe user interactions at a much larger scale, moving from time-intensive individual studies to a more efficient, high-leverage optimization process.

By tracking specific usage patterns across operational teams, we are building the data baseline needed to refine System Defaults and implement Personalized Saved Search Criteria, ensuring the workspace adapts automatically to the specific requirements of every user's shift.