Refining Your Search
UX Designer I UX Researcher I Platform
![screen_edited.png](https://static.wixstatic.com/media/5e243c_609c1853e9ed437d9cea3e1859dba3df~mv2.png/v1/crop/x_21,y_62,w_469,h_381/fill/w_504,h_410,al_c,lg_1,q_85,enc_avif,quality_auto/screen_edited.png)
![PV Z-A.jpg](https://static.wixstatic.com/media/5e243c_32d96a51c2474f61a6e755fd8b27b153~mv2.jpg/v1/crop/x_0,y_138,w_2880,h_1868/fill/w_481,h_312,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/PV%20Z-A.jpg)
Professionals spend nearly 50% of their workday searching for information, taking an average of 18 minutes to locate a single document. This inefficiency motivated me to develop a filter feature that streamlines the search process, allowing users to quickly and effortlessly find the information they need on our platform. This project is especially meaningful to me because it directly enhances my team's productivity and workflow. By improving the user experience and optimizing search functionality, I aim to eliminate frustration, save time, and create a more efficient system that empowers users to work smarter and more effectively.
My Role: UX Designer & UX Researcher
Team: UX Designer, UX Researcher, Developers, Product Manager, Stakeholders
Client: The Home Depot
Tools: Figma, FigJam, Jira, Miro, Zoom, Google Slides
Project Duration: 3 Weeks
Roadblock to Success
Team members spend excessive time, sometimes hours or even days, searching for information, making the process inefficient and overwhelming. The lack of an effective filtering system slows down workflows and hinders productivity.
My Game Plan
Before beginning the project, I actively gathered insights and feedback from my team to fully understand their needs and the motivations behind creating the filter feature. I discovered that team members often spent numerous hours—or even days—searching for information, making the process time-consuming and overwhelming. With a clear understanding of the problem, my approach was structured as follows:
-
Develop Proto-Personas: Created proto-personas to empathize with users and ensure the filter feature addresses their pain points effectively.
-
Facilitate a Collaborative Design Studio: Collaborated with business stakeholders, designers, researchers, and product managers to generate a wide range of design concepts and align on a shared vision for the feature.
-
Conduct Usability Tests: Validated the effectiveness of the filter feature through usability testing, ensuring it resolved the core problem and improved the user experience.
This approach ensures that the filter feature is user-centered, grounded in real-world challenges, and collaboratively designed for maximum impact.
01
Proto-Persona
![Screen Shot 2022-10-20 at 2.08.58 PM.png](https://static.wixstatic.com/media/5e243c_31adbbe202e6457cba1544c4c87a8080~mv2.png/v1/crop/x_17,y_27,w_1870,h_1140/fill/w_846,h_516,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202022-10-20%20at%202_08_58%20PM.png)
02
Design Studio
To kick off the development of the portal's filter feature, I led a discovery workshop with a cross-functional team, including a product manager, developer, stakeholders, and designers. Together, we brainstormed a wide range of ideas and aligned on a shared vision for the feature. After evaluating the sketches, we conducted a voting process to identify the most effective solution, setting a clear direction for implementation.
![Screen Shot 2022-10-03 at 11.55.25 AM.png](https://static.wixstatic.com/media/5e243c_56c6d0c37de54db5bf227329a1874c6d~mv2.png/v1/crop/x_0,y_3,w_1339,h_456/fill/w_991,h_337,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202022-10-03%20at%2011_55_25%20AM.png)
03
Wireframes
After presenting the wireframe to my team, I discovered that enhancing the user experience required allowing users to search for documents by individual columns rather than relying solely on sorting and a single search box. This approach would provide more precise and efficient navigation.
![Screen Shot 2022-10-16 at 3.01.24 AM.png](https://static.wixstatic.com/media/5e243c_2a285219c6d94672a57d5e5263d6e002~mv2.png/v1/fill/w_671,h_474,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202022-10-16%20at%203_01_24%20AM.png)
04
Explore the Interactive Prototype!
The final prototype serves as a refined solution to the challenges our users face, seamlessly addressing their needs and enhancing their overall experience.
05
Usability Test
Following the completion of the prototype, I conducted a usability test with 7 users to assess the effectiveness of this new feature in their daily tasks. Based on their feedback, I am now incorporating their suggestions and making necessary improvements and further enhance the functionality of the filter feature for our users. The usability testing revealed the following key takeaways:
-
The users expressed a need for an 'Indicator of what is filtered'
-
They requested the ability to apply multiple criteria to a single filter
-
They expressed a desire for the option to download a filtered list of brands.
![Screen Shot 2022-10-12 at 3.26.10 PM.png](https://static.wixstatic.com/media/5e243c_2fdd85e78ab443809c00ac6bff0c1a6b~mv2.png/v1/crop/x_6,y_18,w_721,h_570/fill/w_666,h_527,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202022-10-12%20at%203_26_10%20PM.png)
Looking Back
This project enhanced my leadership and communication skills while working in a cross-functional team. Designing the filter feature was a fascinating experience, especially with the various filter options available. I enjoyed the opportunity to:
-
​Conduct design studio sessions and user interviews
-
Present my findings to the team
-
Lead workshops with business stakeholders, developers, designers, and product managers.
-
Write a usability test script
If I were still working on the project, my next step would have been to continue supporting it as needed while the developers work on its implementation.