Takko Fashion Filtering Redesign
A design evaluation and redesign of an e-commerce filtering interface focused on identifying usability flaws and implementing improvements for simplicity, clarity, and accessibility.
- Takko Fashion
- 2020
- E-commerce, Filtering UI
The details are not the details. They make the design.
Charles Eames
Overview
The objective was to conduct a design evaluation identifying usability problems, then redesign the filtering system for ease of use, efficiency, predictability, and user appeal.
Design Approach
The design prioritized simplicity and clarity for diverse user needs, creating a prominent Sort and Filter button while improving surrounding spacing consistency.
Organized Filter Sections
Individual filtering sections were separated to help users focus on specific criteria without overwhelm. The uncluttered approach enables efficient search narrowing.
Material Design Implementation
Familiar components including radio buttons, checkboxes, and sliders were incorporated to create intuitive interfaces that build user trust.
Accessibility Enhancements
- Color contrast enhanced for vision-impaired users
- Descriptive text added below the Apply button to clarify selected filters
- Color names displayed alongside color boxes to assist colorblind users
- Spacing inconsistencies addressed for visual cohesion
Conclusion
The redesigned interface integrates familiar components with user-centric design, aiming to enhance engagement and improve the shopping experience through task-oriented simplification.
Edenred: Reimagining the Meal Card Experience
Invisible Technologies: A Design System Token Architecture on Tailwind and shadcn
Working on something similar? Tell me about it.