We are doing a system which is handling a large amount of data and it's using a search/filtering function similar to behance.net. This means that the filter area (criteria in the comboboxes) also act as a header for the search result!

enter image description here

In addition to this the user will also have to possibility to right click a cell in the table and choose "Filter by value" which will filter out all rows with that value (for instance xxx1 in the image). The question is how to let the user know that an additional filter has been added, since it is not a part of the criterias in the filter area?

Behance.net adds an additional row below the filter area, but it feels a bit confusing to have two different "headers" for what the table is showing. Does anyone has any experience of this kind?

enter image description here


1 Answer 1


I would create a tag (badge) for each chosen filter. So you have a good overview of the current filter setup and are able to deselect/clear filter options with the "X". So you put the dropdown selection and text input value filter options on the same level of interaction.


download bmml source – Wireframes created with Balsamiq Mockups

  • @Sarah was this input helpful for you? Did you find a appropriate solution? We are curious about it :)
    – wassx
    Jan 13, 2015 at 12:04

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.