Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I am contemplating the layout of search page buttons for a mobile app (iOS).

The buttons are located at the bottom of a scrollable table view.

Here is my current layout:

Current layout

I have been noticing recently that the 'Reset Filters' button seems a bit too prominent, so we have been talking about just using a simple link (either blue or red with an underline).

Something along these lines: (The link would either be above or below the search button).

enter image description here

This just seems a little lop-sided, though.

Another alternative is to place the buttons side by side: enter image description here

Another idea is to adapt option 1 or 3 to use a gray background for the reset button. That might take a bit of focus away from the destructive action.

What do you guys think is the best solution? Or is there a better solution that has not been mentioned?

Thanks

share|improve this question
2  
Why are you visually (and proximately) associating both Reset and Search together? They're not exactly similar features; one destroys everything you've done and the other actions it. Way too much chance of hitting the wrong one. –  JonW Jan 16 at 14:47
    
Why do you have a Reset Filters function? –  Erics Jan 16 at 16:10
    
@Erics There are a lot of search options. It would be cumbersome to the user to have to set each one to the default value. –  elimirks Jan 16 at 21:32
1  
proximity is the issue more than anything in this case, IMHO. In all those examples, they are just too close to be a 'safe' target. –  DA01 Jan 17 at 18:45
add comment

2 Answers

up vote 5 down vote accepted

To add to JonW's comment, I would try putting the "reset filters" button at the top-right corner. It is harder to hit by mistake there, also it doesn't make sense to scroll all the way down, reset your filters, then scroll back up to set them again.

share|improve this answer
add comment

The Search feature could be in your top navigation bar or sidebar, based on how important searching is in your app.

As for Reset Filters, typically it's common practice to include it at the bottom (or top) of the list of filter options. Reasons for this would be

  • The only time you'd want to clear filters is when you're choosing filters and then decide that they're inadequate. Then, you'd tend to look at the bottom (or top) of the list for an option to start over.
share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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