3

I'm working on adding a price slider to an existing price filter on an e-commerce shop that uses price buckets (predefined price ranges).

If the user selects any of the price buckets, the slider above would update as well (but we won't update it vice versa, for obvious reasons). However, for the last option, "above 50", I can't figure out a way to display this on the slider as it would be infinite. Any ideas on how the slider would display the last option?

P.S. We ruled out changing the last option to another price bucket as we can't dynamically define the buckets based on the most expensive item in the shop.

enter image description here

3
  • How does a user use the slider to select above 150?
    – Pesikar
    Dec 8, 2015 at 9:08
  • I assume it's not just a visual indicator: The user can filter using the slider, right? Dec 8, 2015 at 20:07
  • @plainclothes yes, this is an interactive control
    – Blue Ocean
    Dec 9, 2015 at 3:07

3 Answers 3

5

One option is to use the label MAX or MAXIMUM : enter image description here

1
  • +1 > the right end should represent the max, just as the left end should represent 0 or your minimum. Dec 8, 2015 at 20:08
2

You can change the sliders (knobs) to show the direction of the range, and you can remove one of the sliders if the range isn't bound:

Example of bound and unbound range

10
  • 1
    How would a user know to remove the indicator? Dec 8, 2015 at 20:08
  • @plainclothes Click one of the other three ranges. They'd know about these links because one of them made the upper-limit slider disappear. A usability test would show how confusing that is, and thus whether it's a good design idea.
    – JeromeR
    Dec 9, 2015 at 19:15
  • So you would disallow activation of the upper limit without first activating one of the fixed groups? IOW, the slider wouldn't be fully operational without using another control. Dec 9, 2015 at 19:46
  • @plainclothes I guess you have a hypothesis about how this would perform in a usability test where people want to switch from an "unbounded" range to a bounded range. I don't know what the customers or users are expected to do, so I have no hypothesis.
    – JeromeR
    Dec 11, 2015 at 17:33
  • Fair enough. My hypothesis (based on previous ecomm tests) is that when provided with two ways to filter (fixed ranges or a slider) users won't consistently choose one over the other. Limiting the features of the slider option (which has gained in popularity) seems like an unnecessary constraint. Dec 11, 2015 at 18:12
0

There is very elegant solution to this problem:

Before displaying the ranges and slider you ask the system: What is the smallest and largest price?

Then ask the system to make evenly distributed buckets between min and max price.

User experience is about creating usable interfaces. MAX doesn't tell user what is maximum value. Same for minimal value. So you should display them.

Also, predefined price rages can have badly grouped number of items.

Example: from $10-50 there are 500 items, but from $100-150 there are only 3.

That is bad UX. Let the system create more meaningful price ranges for the users.

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.