1

I am working on shopless e-commerce website. We have multiple filters on the left hand side and the search result appears on the right:

enter image description here

So users can change the filter values on the left and then press on search button to update the result. Now the problem is when the filter becomes too long the user cannot see the search button at the bottom and have to scroll down to be able to click on the search button.

So we have change our design to appear like this:

enter image description here

Now we have 2 search buttons on the side so users don't have to scroll.

We have not released this new design yet, I wanted to get some UI feedback on this design, and if this is actually a better approach then we would release it.

Improve this question
4
  • @MadalinaTaina: You have removed the link to my website, I wanted people to be able to see the working site, so they get a better feel for the question. Is it violating this community's rules to add a link the the website in the question?
    – Hooman Bahreini
    Commented Jul 9, 2019 at 3:17
  • Website promotion is not a good practice here. If I’m wrong, someone will approve your new edit. Thanks for understanding.
    – Madalina Taina
    Commented Jul 9, 2019 at 4:14
  • I have not requested any new edit, this is my own question, I am able to edit without any approval. From what I can see on the website meta data, adding a working example is a plus.
    – Hooman Bahreini
    Commented Jul 9, 2019 at 7:41
  • 1
    It is alright. We are able to understand from the images where the problem lies. Images are always better than links because links are likely to turn dead at some point. Thanks.
    – Ren
    Commented Jul 9, 2019 at 8:58

5 Answers 5

Reset to default
1

I would suggest having one save button at the end of all filter options. It would avoid unnecessary confusion for a user. Also, it demands extra space which makes the list much longer. If the lists are more than 2 scrolls, consider grouping few of them & make it expandable. Users feel a bit uncomfortable to scroll more than 3 times. Unless it's information-heavy websites like Wikipedia & Amazon.

enter image description here

Improve this answer
2

Having multiple search buttons is confusing, my suggestion would be to have the search button always be at the bottom of the view and have the filter items scroll.

Example: The yelp iOS app search filter screen screenshot of the Yelp iOS app search result filter screen

Improve this answer
3
  • Thank for your answer, I hear you about having multiple buttons. Though not 100% sure about having a wide fixed button at the bottom of the page. I think it should be clear that search button is tied to the filter.
    – Hooman Bahreini
    Commented Jul 9, 2019 at 4:50
  • Agreed, the button should only fill the bottom of the filter side bar. The example image just happened to be a modal view instead of a sidebar so it was wider.
    – Barnyard
    Commented Jul 9, 2019 at 5:07
  • 1
    Also it does not need to be at the bottom of the screen if there are only a few filters (in that case it could be right under the filters).
    – Barnyard
    Commented Jul 9, 2019 at 5:16
1

I think it’s a bit confusing. People may think, “Are the search buttons only for those particular filter sections?” Not that it matters.

What if you broke out the true search pieces: location and looking for, and use the search icon, then have your filter section in a new “card” or area and use an “Apply” button?

Improve this answer
1
  • Thanks for your answer, I am not following your suggestion. Are you able to add a basic screenshot please?
    – Hooman Bahreini
    Commented Jul 9, 2019 at 2:33
1

Definitely, don't go with two search buttons. Very confusing for the user. Which search should I press will be what they think? Use a single search button and make it fixed to the bottom of the screen. Also "Looking for" as a placeholder and title are confusing... Looking for what, jobs, pay rise, part-time work? If this is job titles the placeholder should be "Enter Job Title" and the title should be "Search Jobs" or something like that. Be specific, otherwise, it is ambiguous.

Improve this answer
0

You can make a difference between the first and second button. It seems the real search button is the second category while the first one is apply or update settings.

enter image description here

Improve this answer
1
  • Thanks for your answer... IMO this would be more confusing than having 2 search buttons, because now we have two buttons doing the same thing but looking different.
    – Hooman Bahreini
    Commented Jul 9, 2019 at 8:25

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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