2

enter image description here

What would be the good place for placing the search and the filter options in the page title section with the CTA button?

What if the search are placed in the right side of the menu options, below the CTA button?

  • What is the primary use case of the CTA? What does it do? – NB4 Sep 4 '17 at 10:10
  • To create a new Entity related to that page, for eg. creating a new question in the ux.stackexchange.com – Divyansh Patel Sep 4 '17 at 10:41
  • how will you show the search results in this case of placing search above the tabs, considering the results will be more than one and each one falls under different tabs (one result in menu 1 and another in menu 3)? – Samson Tennela Dec 10 '18 at 15:53
1

You're right about aligning the search and filter icons in the same line of tabs at the end, but the CTA should be placed after body content of that tab; considering that CTA belongs to Menu 3, because that's what you want your users to do - consume the content first and then take an action; which basically goes in flow.

Currently, the CTA appears to be one main action of that entire section.

Edit

Reading your comment - let the CTA be there, but consider placing the Search and Filter icon in vertical three dots (only if those are not too frequent actions users act on) to avoid clash of same icons within that proximity.

enter image description here

  • Yes, the CTA is the main action for the entire section, But i was thinking of the scenario when there are no tab menus, in that case what can be a good approach, placing them besides the CTA button. But in that case again, the two search are there within the same proximity. – Divyansh Patel Sep 4 '17 at 10:43
  • They will be used mostly for filtering and searching the data. Example sceanario can be list of your contacts, where you can search a person and add a new contact as well. If its kept in the three dot, it will again take an extra click to do the search and filter activity. – Divyansh Patel Sep 4 '17 at 11:14
  • I won't worry about an additional click if it is avoiding confusion & repetition. See the three dots in Chrome - chrome://history/ – DPS Sep 4 '17 at 11:17

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.