How to clear filter breadcrumbs when grouped?

Question

I am implementing search filter breadcrumbs. From what I've seen on other sites, a single filter gets its own breadcrumb which can be cleared by pressing an 'x'.

example

I want the user to be able to do this and also be able to clear an entire category from the breadcrumbs.

I have searched quite a bit and haven't found many examples of this. The way I visualise it at the moment is like this:

Another way might look like this:

I'm concerned that both methods might clutter up the interface, especially in an area where other important actions are placed. I'm also not sure that either method is the best way of implementing this feature.

Any feedback/advice is much appreciated.

Answer 1

Given that the approach is about enabling the user to clear the search results faster . i'd recommend going with a Clear x call to action next to the breadcrumbs.

But is it really necessary to give multiple 'clear all's in the breadcrumb list.? If there are multiple categories of filters , we can just differentiate the categories in the breadcrumb bar with some subtle color differences and have a single clear all for the breadcrumbs.

Just my two cents :)

^{download bmml source – Wireframes created with Balsamiq Mockups}