2

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: enter image description here

0

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.

  • Hey Alan! Thank you for replacing. I do have a bit of conflict that there is an "Cancel" button above the "Clear" which both of them pretty close at the location and size. Any advice on how to make it more clear? – Roi Mulia Feb 27 '18 at 13:25
  • Yes, it does from the actual app. And Sure, 1 min :) – Roi Mulia Feb 27 '18 at 13:33
  • 1
    Hey Alan. I updated the question. Looking forward :) – Roi Mulia Feb 27 '18 at 13:40
  • Is that gray box part of the UI or just markup to highlight the relevant components? – Refe Feb 27 '18 at 14:41
  • @Refe Just to markup the highlight components. I added it above the screenshot – Roi Mulia Feb 27 '18 at 18:18

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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