What is a slider in UX design?
A slider is a UI control consisting of a track with a draggable handle that users move to select a value from a range. The position of the handle represents the selected value, which may be continuous or stepped. Sliders are used for volume controls, brightness settings, price range filters, age range selectors, rating inputs, and any context where users are selecting from a continuous or quasi-continuous range rather than from a discrete list of options.
When do sliders work well in UX?
Sliders are effective when the exact value is less important than the approximate position within a range, when the full range is meaningful to show, and when the interaction is exploratory rather than precise. A volume slider where the user wants "louder" or "quieter" rather than a specific decibel value is a good fit. A price range filter where users want to see "under about $100" rather than exactly $100 works well as a slider. Sliders also work well when the physical metaphor of sliding is itself communicative, such as in a music player scrubber where the spatial position along the track corresponds intuitively to the position in the audio.
When do sliders create friction?
Sliders become frustrating when users need precise values, when the range is large and fine control is difficult, or when users know the exact value they want to enter. A slider for entering a specific dollar amount where users want to enter $257 exactly requires tedious fine-grained dragging that would be far faster with a text input. On mobile, small sliders are difficult to operate precisely because touch input is less accurate than mouse input, which can make the selected value jump past the intended position. Providing both a slider for approximate selection and a text input for precise entry combines the exploratory benefit of sliders with the precision of direct entry.