List selection, the default is all-selected

Question

I have a list of brands to filter some products. Users will check some brands from that list to show products only from those chosen brands. The default (unfiltered) is that the website will show all products of all brands. I wonder how the brand list should look for the first time, because I think it would look ridiculous if all the brands are checked. Btw it's for mobile view.

So far I made all the list children unchecked for the first time, then users check the brands they choose. Is it acceptable? Since nothing checked can be meant we choose none of the brands?

Any idea appreciated. Thank you!

Answer 1

Include an "All Brands" option that is activated from the beginning, and each Brand deactivated.

Rather than pre activating all the brands and then making the user deactivate them one by one; or rather than showing all the brands deactivated and at the same time showing all the brands in the results.

Answer 2

As Alvaro said, this is a common interface for selecting all or one or many.

Answer 3

"Since nothing checked can be meant we choose none of the brands?"

Yes, "Filter by" nothing means show everything.

To add an easy way to remove all the filters at once you could add a 'clear filters' button. Either just those words or a cross in a button.

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