I'm looking for alternative solutions to a slider. What I need is something that allows users to easily compare a price based on the variation of a given variable. For example: I set numbers of hours I turn on my AC system and I can view how much I will spend for the next bill and how many kw/h I will consume. I'd like something that doesn't require many interaction (ex. dropdown to select range values).

Do you have any idea?

Thank you

  • could you share a screenshot? – Eran Bar Jan 21 '16 at 11:01
  • Can you explain where is the comparison coming in here? Isn't it just viewing the result ? – Sooraj Jan 21 '16 at 13:02
  • try this.. this is slider but not linear.. maniacdev.com/2014/01/… – PK2016 Jan 21 '16 at 15:09
  • You could use a stepper. Something like this – Cai Feb 21 '16 at 18:26

A spinner is (one of?) the most common input method.

enter image description here

It's essentially a really big slider where you don't slide your point, but you slide the underlying numberline.

You could take the same mechanics but make them horizontal instead.

enter image description here Which builds off of the spinner metaphor, but aligns it more with natural swiping direction, the idea of a slider, and real-world items like rulers and tape measures.

You could also put a [+] and [-] at the sides for finetuning.

| improve this answer | |

Not sure why you don’t want to use a slider. Is it because you have two range values?

If you have two range values, you can use an x-y slider. A square with a pip in it that the user can drag in both x and y directions within the square. The result changes in real-time to reflect the position of the pip. One axis could be usage hours and the other could be temperature setting degrees in your example.

If only one range value, that is exactly what a regular slider is for, on any platform. For touch, you just make it bigger so it can be used with a finger instead of mouse cursor.

| improve this answer | |
  • I really like the idea! I think wether it will work well depends a lot on the user base though – Cai Feb 21 '16 at 18:18

If you don't want a slider, then a mobile-friendly solution is to ahve "+" and "-" buttons next to a read-only value for the hours. something like this:

[+] X hours [-]


X Hours [+] [-]

| improve this answer | |

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.