Mobile "Clear Search History" Best Practice

Question

I'm building an iOS app. Within the app my users are searching for other users. The searched users kept and show in a "Search History" list when there is not input inside the Search Bar.

When the Search Bar is active, There is a default "Cancel" button along side the Search Bar that causing a bit of "tight" space both for the "Cancel" and the "Clear" buttons. As well, both of them sort of the same size and looks similar. The clear button is in a static position above the list, and below the Search Bar.

What will be considered as a better UX than using the current form of "Static Clear Button"? Moving it to the center, or even use a different micro copy?s

Illustrations:

Answer 1

This is just my opinion, but static placements for UI elements are almost always preferred over dynamic placements. Have you ever tried to click a link on mobile only to have an ad shift everything down?

In your design, the static "cancel" placement is the clear choice for me. The element in a consistent place where users can expect it. Instagram, Facebook, and many others have similar UIs with information in the search table below a "cancel" button.

Answer 2

The Cancel button may be replaced with Done or < arrow icon to go back to the previous screen. This will remove the conflict between Clear and Cancel.