Discussion on search page layout/design

[agilgur5]

@Pasanna

However, I’ve been wanting to propose a more GUI solution for search filter for years.

I proposed something similar before too:

@agilgur5

In particular, I think having a “Filters ” dropdown button in the search bar (left or right) or just below it would already improve it a lot.
Lots of websites already have this, so it is somewhat of a UX convention. Some examples being Amazon and GitHub:

GitHub in particular updated the search UX a few years ago. Prior to that it was very similar to the current SC experience where there was a page describing filters and you could type them in, but there weren’t many other indications.

When you click on a filter in the dropdown, it could just move the filterX: text into the search bar.
As a first pass, could even just have the “Filters ” button just link to the /search-filter page, with no other interaction initially, just a more explicit button

Additionally (can be added later), if a filter is fully written out, the UI can convert it to a pill shape inside the search bar to differentiate it from the plaintext query. Or do it similar to GitHub with the highlighting, or current SC with the text color change.