Filtering Experience
Toddle • Design System • 2024
Redesigning filter component to streamline the filtering experience.
Role
Product Designer
Duration
4 Weeks
Vertical
Design System
Lead
Mridul Chandolia
Overview
The current filtering patterns are inconsistent across the platform causing confusion and cognition issues. The new filter component will be introduced to provide a linear experience of filtering the data and views. It enhances the user experience by improving filter visibility, consistency, and usability. It intelligently adapts the number of filter triggers based on screen size, provides clear indicators of selected options, and simplifies the selection process through a consistent layout. Additionally, it priorities user preferences by remembering past filter combinations.
Why a Redesign?
Inconsistent Design
Inconsistent filter button appearance, unexpected single-select behavior, and varying filter display across the interface confuse and frustrate users.
Better User Experience
Inconsistent filters create visual chaos, unclear states, inefficient use, and limited control, hindering user experience.
Functionality Issues
Unexpected single-select behavior, dynamic layout issues, and inconsistent filter results disrupt user experience.
Objective
Enhance Filter Experience
Standardise Filtering: Create a unified filter system throughout the Toddle platform.
Increase User Control: Empower users with clear visibility and easy management of applied filters.
Improve Filter Clarity: Design intuitive filter interactions to ensure users understand active filters.
Establish Filter Framework
Define Core Filter Patterns: Develop adaptable filter structures for various Toddle use cases.
Create Design Guidelines: Provide clear instructions on when and how to implement filter patterns.
Process
Research
Secondary Research
Market Research
UX Audit
Ideate
Approaches
Solution Outline
Logic Buildup
Success Criteria
Design
Component
Properties
Guidlines
Test
Contexting
Accessibility
Develop
Dev Handoff
there is a non disclosure agreement.
Due to a Non Disclosure Agreement with Toddle, I have been restricted from publicly displaying further of my work. The final submission included 3 design component with usage guidelines.
Feel free to reach out at rishikesharyanchoudhary@gmail.com for any further information about the project.
Designed with love by Rishikesh
