Name for design pattern used in complex or boolean search criteria

Question

I am looking to see if there is a term that describes this type of design pattern or if there are well known examples of its implementation.

This is an extension of the design pattern where a search term is entered into an input field and becomes a filter/criteria for a search query (e.g. e-commerce website) or tagging of an entity (e.g. UXSE question).

In the diagram below, there are two input fields from which a user can select a combination of the values provided in each list (and it might have some logic embedded depending on the value selected). The values are then combined and presented as a lozenge/badge/chip UI element that can be selected and deleted.

Are there examples of this type of design pattern used anywhere? And is there a name that is commonly associated with it?

Answer 1

I think adding custom filters that are usually a combination of sorting and filtering is known as "Faceted search" technique.

On Wikipedia, this is defined as:

a technique which involves augmenting traditional search techniques with a faceted navigation system, allowing users to narrow down the search results by applying multiple filters based on faceted classification of the items. A faceted classification system classifies each information element along multiple explicit dimensions called facets, enabling the classifications to be accessed and ordered in multiple ways rather than in a single, pre-determined, taxonomic order.

Like I said in comments, an example is how you search a type of questions on ux.stackexchange.

I like the clarification on Nielsen Norman Group:

Filter means anything that analyzes a set of content and excludes some items. Faceted navigation is composed of multiple filters that comprehensively describe a set of content.

They have some good examples there and the article is a great read, in my opinion.

Answer 2

Hmm, it's depend of type and category of this value.

You mention that a lozenge/badge/chip ui elements can be selected - so it's important to mark, which is selected, which not.

This is similar to filters.It's depend of data set, which filters would be optimal.

If your interface will further develop, You can consider introduction on the left, an element with filters, and display results in the middle section:

On the selection criteria i see scope (from A1 to B3) If this for example Price, where user need to select MIN-MAX - it's great to use UI SLIDER

And also a process of adding criteria? How it works? Is sense to the user? he chooses criteria from some drop down list?

---

EDIT:

Jira displays commonly used parameters on UI and user has the option to add more parameters from available list.