1

I'm trying to understand which is better for this case: a "milestone" labels for a slider.
For an iOS mobile app. Above or Below the slider? Illustration:

enter image description here

Would love to hear your thoughts. Thank you!

Best regards, Roi

2
  • It is on top or the bottom of the screen ?
    – Garik
    Jan 9, 2018 at 1:03
  • @Garik it’s on the bottom of the screen, above it there is the video
    – Roi Mulia
    Jan 9, 2018 at 8:17

6 Answers 6

1

Definitely agree on above the slider for mobile because of the thumb. I would also encourage considering how accurate your users need the slider value to be because of the steering effect and whether it adds value to have the milestone or labels (in addition to the icons) at all.

1

I would prefer above the slider, as the thumb of the user obfuscates the text underneath it.

1

I would prefer below slider as it aligns all the text in one direction. One more thing use are more focused to icons rather than text when we are giving name and icons. They would read text/label only then will not know the meaning of icon. So according to me below slider is preferable.

1

In case with the "speed setting" you are using a segmented control which is close to the slider and if you are putting the labels below it's can be a confusing for users to read the info. I'll suggest to put labels above or as a suggestion above let the icons do their work.

0

If the slider is on top of the screen put labels below the slider, if the slider is on the bottom of the screen put labels above the slider.

0

Let's say you are using this for 'Mouse Speed' and 'Volume' and these are 2 vertical sections in a mobile layout. If you use little larger and bold font for 'Mouse Speed' and 'Volume' as section title and then above sliders you are already using like ... Faster and Target Volume ... labels. I think this much is enough info for a user to understand what these sliders are for. No need to add above or below icon labels.

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.