Clear all filters control resets to unfiltered state in one action
Why it matters
Users accumulate filters exploratively — they click a category, a price range, a rating threshold, then realize they want to start over. Without a clear-all control, they must find and click the remove button on each chip one at a time, or figure out that clicking the filter again toggles it off. Both paths take 4-8 seconds of friction at the moment the user most wants to restart their exploration. A single Clear all button resolves this to one click and signals that the interface respects the user's time.
Severity rationale
High because filter reset is a frequent action and per-filter teardown compounds friction at the exact moment users want to pivot their search.
Remediation
Add a Clear all button inside the filter panel header that calls a handler resetting every filter key to null or default. Hide the button when no filters are active so it doesn't add noise. Edit components/FilterPanel.tsx:
{Object.values(filters).some(Boolean) && (
<button onClick={() => onChange({ category: null, price: null, rating: null })}>
Clear all
</button>
)}
DetectionPro
The detection method for this pattern is part of AuditBuffet Pro.
The full method (what to look for, pass and fail conditions, and how results get reported) ships inside the Search & Discovery UX Audit. The pattern definition, severity rationale, and remediation remain openly licensed under CC-BY-4.0.
Taxons
History
- 2026-04-18·v1.0.0·Initial import from directory-search-discovery·automated