The Clear Button in Search: A Key Consideration

If you’re working on a new project that involves frequent searches, pay attention to how the Clear button should function.

Source: IconScout

Understanding Search Result Behaviour

Typically, after a user enters their search criteria, the search results are displayed either at the bottom of the search card or by directing the user to the results page. Let’s consider the scenario where the results appear below the search card.

If user search and there are multiple results, the result will appear below the search card

Options for Handling Search Results

Now, when a user wants to start a new search, they click on the Clear button and begin entering new search criteria. The question is, how should the existing search results behave?

Option 1: Clearing Search Results

Should the search results be cleared when the user clicks on the Clear button?