top of page
search.webp

Refining Your Search

Improving how users find content on the brand management platform.

UX Designer & UX Researcher

Project Overview

I learned that professionals spend a large portion of their workday, approximately 50%, searching for information and it takes them an average of 18 minutes to locate each document. This information has inspired me to make a positive impact on my team by developing a filter feature that will simplify their search process. The goal of this feature is to allow users to quickly and easily find the brands they need on our platform, thereby increasing their productivity. This project holds great significance for me, as I am dedicated to enhancing the user experience and increasing efficiency for my team.

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

Challenge

Before starting this project, I made an effort to gather insights and feedback from my team to fully understand their needs and motivations behind creating the filter feature. Through this process, I came to understand that my team members: 

  • Often spend numerous hours and even days searching for information, making the process time-consuming and overwhelming.

My Approach

After learning my team's needs and motivation to create the filter feature, I plan to follow the following process:

  • Create a proto-persona, to understand and empathize with my users.

  • Facilitate a design studio with business stakeholders, designers, researchers, and product managers to create a wideset of designs and share the vision.

  • Conduct usability tests to verify if the feature solves the problem

01

Proto-Persona

Screen Shot 2022-10-20 at 2.08.58 PM.png

02

Design Studio

To commence the development of the filter feature for the portal, I led a discovery workshop with a cross-functional team consisting of a product manager, a developer, stakeholders, and designers. During the workshop, we collectively generated a wide range of ideas and established a shared vision for the feature. We then evaluated the sketches and selected the best idea through a voting process, determining the direction for the implementation of the feature.

Screen Shot 2022-10-03 at 11.55.25 AM.png

03

Wireframes

After sharing the wireframe with my team, I learned that for a better user experience, it would be best if users could search for documents by column rather than relying only on sorting and a single search box option.

Screen Shot 2022-10-16 at 3.01.24 AM.png

04

High-Fidelity Prototype

The final prototype represents the solution to the challenges faced by our users and effectively addresses their needs.

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

Conclusion

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. 

bottom of page