UX Designer / Boston, MA
Global Search Function
For ETQ, part of Hexagon
Tools Used
Figma
Lunacy
My Role
UX Design
This project was undertaken at a former employer - ETQ, part of Hexagon. Any brand names/product names mentioned are property of said company. I am sharing this work for portfolio purposes only.
Problem Background
The product I am working on here is called ETQ Reliance, a quality management software used in a wide variety of industries. The product has gone through a number of versions throughout its existence. In an older version, the user had the ability to perform a "global search" of the entirety of the data they had stored in Reliance. The user interface was a very simple search bar that returned a few suggestions based on the keyword entered. This global search function was taken away in later versions of the product, and customers (the users) are asking for it back.
Problem Statement
The goal here is to bring back a global search function in the product, allowing the user to efficiently locate the record, attachment, or other data that they seek. This functionality should be much more detailed and user-friendly than its predecessor.
Team
My role in this project was UX designer. On the product side, I worked alongside a fellow UX designer/researcher and the Product/UX Manager. On the engineering side, we discussed technical specifications with our Dev Lead and his team of about 5-8 front-end developers. The project was eventually deprioritized. When the project was later revisited, I worked as the lone UX designer.
Prototype
Design Process
Phase 1
Here, I used Lunacy (independent design software similar to Sketch/Figma) for the initial designs.
Initial search results page
Next phase of drawer design
Updated search results page, left side menu section shortened
Drawer, error state 1 with toast message
Initial Save Search feature
Updated search results page, left side menu section expanded
Drawer, error state 2 with toast message
Initial Share Search feature
Initial View Saved Search
Initial Sort By dropdown
Initial View By dropdown
Mobile Screens (Phone and Tablet)
Drawer for mobile
Results page for mobile
Initial drawer design
Left nav expanded (left) and collapsed (right) for tablet
Phase 2
Updated Results page with left menu sections expanded
Updated Share Search feature
Updated View By dropdown
Updated Results page with left menu sections collapsed
Video of clickable prototype for updated Search Drawer
"Empty states" for Results page (left) and drawer (right)
Updated Save Search feature
Updated View Saved Search feature
Updated Sort By dropdown