I am designing a point selector that only allows incremental selections, let's say by 10s, and has a min and max amount that can be selected. See the image below.

enter image description here

UPDATE: This turned out to test pretty well...

enter image description here

  • Do you not want to use actual labels? – Mike M Nov 2 '17 at 2:47

Is there any reason not to be explicit and just show them?

What's the ranges we're talking about? If if it's large, you could also make the numbers into an active input field, and use some helper text to keep increments divisible by 10.

I'm not sure if the arrow in the 2nd version is clear; just trying to think of another approach.


download bmml source – Wireframes created with Balsamiq Mockups

  • Min/Max will be translated into a bunch of different language, hence wanting to steer clear of words. Arrow is confusing. The ranges all depend on the purchase amount and how many rewards a buyer might have available. Could be many steps. I think I actually have a good solve for it. – Michael Forbis Nov 3 '17 at 14:54
  • Also, thank you so much for your time in answering this! – Michael Forbis Nov 3 '17 at 15:04

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.