Price Range Slider, 360 View Slider, Timeline Slider…
In all of these examples, sliders are useful because they reduce user input and push users to explore more options, helping them make an informed decision.
So, what do you need to pay attention to in slider design and what you shouldn't do? Let's analyze and discuss together:
When do we need sliders?
What types of slider components are there?
In what situations should the slider not be used?
List of issues to consider in slider design
Specific discussion on slider design
1. When do we need sliders?
Not every page can benefit from a slider. However, sliders can be considered when we want to set several options or help users quickly limit multiple options, or when users are relatively vague or inaccurate about the input results.
For example: the user selects the range of down payment for the mortgage or the time range of the airport departure. In this case, the user selects the amount to the last minute or the departure time to the last second is not really required.
For example: when exploring a vacation destination, users may want to filter their options by activities they enjoy experiencing. In this case, a slider can be used to enable it to assign weights to various activities, so that the final selected option is precisely tailored to b2b data its interests. Or when working with maps, sliders can help users limit or expand the geographic scope of their search.
For example: Example in shopping: When you choose the express speed, you can choose the express method to check the express fee. Of course, through the drop-down menu, but obviously radio buttons are more intuitive, and the selections are directly exposed to the user. At this time, the slider is naturally applicable, as long as the corresponding price prompt is added. In addition, the price prompts above each selection are more targeted, the price is higher if you slide right, and the price is lower if you slide left, making it clearer.
In general, sliders are an option worth considering whenever you want to add a "blur" filter to your interface or indicate the relationship between options. However, a slow, clunky slider is more frustrating than a predictable generic button. To be effective, sliders must be very easy to operate and must respond to changes quickly and consistently.
2. What types of slider components are there?
2.1 Single continuous slider
If the primary goal of a slider is to select a value from a range of values, then we can use a continuous slider .