2

I'm currently working on a app that basically follows Apple's HIG with title, back button and an additional button in navbar on all pages, but it's where my questions start.

It is a search/browse page with a back button on the left side and a toggle between list/map view on the right side of the navbar:

enter image description here

Now, I need a way to filter the searching/browsing through sliders.

Can I have this option next to the toggle in the navbar, in terms of UX, so the toggle behaviour doesn't change in the app?

enter image description here

And since Apple HIG says:

Avoid crowding a navigation bar with additional controls, even if it looks like there’s enough space. In general, a navigation bar should contain no more than the view’s current title, the back button, and one control that manages the view’s contents. If you use a segmented control in the navigation bar, the bar shouldn’t display a title and it shouldn't contain any controls other than the segmented control.

Can they reject the app if we use this solution?

I have thought about the segmented control with toggle instead but we want the title in navbar as much as possible, and since we have a toolbar with four filter options already directly under the navbar, having the filters in terms of price there don't work.

Please help out because I'm running out of ideas on how to solve this!

2
  • We can't tell you if Apple can reject the app - that's only something Apple can tell you, and such a question isn't really a UX one. (Basically, Apple can decide whatever they like, and may not make the same decision from one day to the next). However, we can help you with how best to achieve the aim you have with your app though to best benefit the end user.
    – JonW
    Oct 30, 2013 at 10:33
  • Sorry for not making it clear, i am obviously open for suggestions as how to solve this as good as possible! I was thinking of a dropdown-menu solution, but that would make the behaviour different from the other pages in the app, and probably only confuse the user... I am simply running out of ideas here... =(
    – Chris
    Oct 30, 2013 at 10:36

1 Answer 1

1

It sounds to me that you should:

  1. Change the toggle button to a button group (similar to Segmented Control) which clearly displays the two options. Toggle buttons are in most cases hard to understand.
  2. Move the button group and place it underneath the row that says "Option, Option, Option, etc" since they become more close to the result.
  3. Place the filtermenu that will open the sliders to the upper right corner where you initially placed the toggle button. That's where most apps place a "Edit" icon. For example that's where Spotify and Mr Porter puts theirs.

Your Answer

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

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