Project Summary
FMA is an application which allows users to manage a sort in FedEx facilities. Business stakeholders requested a better way to allow users to filter content on the “Modify Dock Assignments” screens. This will lay the groundwork for improving filtering across other pages in the application.
My Contributions
I designed and prototyped the sidebar filter based on components found in the Fedex Design Library. I presented the solution to the business and refined it based on their suggestions about functionality. The solution was passed on to development and tested by the QA team. I assisted with implementation by confirming proper component usage.
Introduction
Primary research involved analysis of current FedEx filtering solutions.
- Goal: Find a component that could be repurposed on our application to lower tech debt.
- Result: The creation of the Boolean search
1st Iteration
- Initial design used a Boolean table filter, common in internal apps
- Business feedback: existing filters were unpopular
- FMA Feedback Survey confirmed users rarely used Boolean search
- Consulted other UX designers for insights and discovered a decommissioned sidebar filter component
2nd Iteration
Intial Sidebar Design:
- Synthesized competitive analysis (Amazon, UPS) with current design patterns
- Dropdown selection for each column
- Pill design to show selected items
- Clear filters button placed outside the sidebar
Stakeholder Feedback:
- Dropdown options could be too extensive → needed search within dropdown
- Multiple selections made pill design cluttered and hard to scan
- Users needed a way to clear filters before submitting
3rd Iteration
Improvements:
- Added search, select all, and scroll to dropdowns
- Dot indicator showed when table was filtered (details in sidebar)
- Clear filters option placed both inside and outside sidebar
Results:
- Business approved with only minor updates
- Changed “Submit” → “Filter” for consistency
- Added quick search above the table for flexibility
Final Results
- New filtering component created for future use and planned rollout across the application
- Flexible filtering: users can choose between quick search and sidebar filters
- Column-level filtering added in the data table, addressing stakeholder requests