Questions tagged [sliders]

an input allowing selection of a point on a linear scale

Filter by
Sorted by
Tagged with
0
votes
1answer
37 views

Option to select a range and fixed values

Im currently designing the UI for a event tool. When the user is creating an event he has the option to select the amount of people needed for this event. He should be able to define a range (e.g. "...
-1
votes
2answers
122 views

Any Alternative to Slide in Panels that does not compromise UX?

We are in the process of developing an Enterprise level Web Application where certain screens have cards housing some information on them and are clickable. Upon click instead of a Modal we have ...
1
vote
1answer
56 views

Value input for several dependent ranges

My system measures events for event sets. The activity level for each event set is based on the amount of events in that set. The numbers in the image below illustrate the amount of events needed for ...
0
votes
0answers
38 views

Help to design an UI for object placement in AR using Y axis?

I'm designing an AR furniture placement app, similar to IKEA Place, and I'm struggling to design an interface with good ux for the placement of a ceiling lamp in the Real World. As different ...
0
votes
1answer
39 views

How to show & change different states of a system for supply chain

Two ways I can think of in regards to supply chain is a drop down showing order status such as not started, processed shipped. Or a slider like mechanism showing progress towards the end similar to ...
1
vote
3answers
207 views

Alternative to slider on front page

According to this topic - Are carousels effective? sliders are very ineffective way of managing space on the website. So I am wondering what would be an alternative which would achive the goal of ...
1
vote
1answer
147 views

What do you call the date range slider bar underneath a time series chart?

What's the name of a slider bar, underneath a chart, that determines date range, that the chart is showing? The one I circled in pink.
2
votes
4answers
285 views

Logarithmic and/or linear scale sliders when to use them

I've been having a discussion with someone at work regarding the usage of Logarithmic and linear scale sliders. Here is an example in a jsfiddle*. Background of the problem We are currently ...
0
votes
1answer
101 views

Responsive UI Pattern for selecting from a list of exact values greater than 5?

I'm designing a page where users should be able to sort between exercise videos categorized by "phase." (see image). These phases start with "Pre-Op" then proceed linearly 1, 2, 3, etc. Since these ...
0
votes
2answers
320 views

Age range slider for filtering

I'm building a dating website and within the search page there is a filtering section and of course one of the filters will be for age range. I am wondering what is the best way to obtain this ...
3
votes
3answers
2k views

Content slider / carousel accessibility best practices?

I'm building a content slider for a news site and faced with the issue of keyboard and screen-reading accessibility. Case #1: Pure image slider For generic image slider it appears you can go with ...
1
vote
1answer
60 views

Select and adjust individual and multiple (four) input fields both numeric and with slider

I am working on a new solution for a graphical tool and need to find alternative versions how a user can adjust fx margin or padding. In this case there are four input fields where the user currently ...
0
votes
6answers
263 views

Slider on Mobile - labels below or above slider?

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: Would love to hear your thoughts. Thank you!...
11
votes
7answers
950 views

Minimum Maximum slider - Usability best practice

I'm developing an iOS mobile app for slowing down/speeding up videos. After some research and intuition I've decided to choose a Slider as the responsible UI component for the video speed change. The ...
0
votes
1answer
66 views

Providing affordance for round knob style range sliders

I have an application that uses round knob style range sliders like these: You can see an example of this slider here. To adjust the range - the user clicks or touches the slider, and drags ...
5
votes
2answers
218 views

What's a good way to show a slider that also has on/off toogle in an app?

I am working on an app where a user can dim the lights in a room. However, it is also possible to turn them on and off. I have three different concepts: just one slider where the left is off too. ...
1
vote
1answer
141 views

Correct method for slider error handling

I'm using a material design editable numerical value (percentage) with optional horizontal slider. What is the best way to show a user that picking a certain value either using the slider or field ...
1
vote
2answers
86 views

When should slider tracks be clickable?

Trying to find some basic info on when to enable a sliders track and when to disable the track so users have to click-drag the slider thumb. Thank you for any help or resources!
0
votes
2answers
105 views

Why Facebook and Linkedin use a slider to scale/edit users' profile image instead of mouse middle button scrolling?

Our team is working on a product which has a feature that allow users to upload their avatar and edit it. Originally, we would like it to be like google (you can edit the size & position of the ...
38
votes
6answers
7k views

Carousel with Down Arrow: Does it have a purpose? What's it called?

I've noticed that many websites that have sliders / carousels as a full height background have this "down arrow icon" centered in the middle. Sometimes you can click it. Does this arrow have a name? ...
1
vote
2answers
56 views

Navigation too long, any real case solves this issue?

I'm working in a project where navigation is too long (because the app is rich function and owner doesn't want user to click too much). The issue is there's some items hidden at bottom, my solution is ...
3
votes
4answers
490 views

Do Jog Dials make for good UX?

This question follows on from my previous question. In one of my comments there I had mentioned that I was going to use a round slider instead of the linear one I had been using. Whilst this worked ...
3
votes
3answers
450 views

Improving the sensitivity of range sliders

The context here is a hybrid Android (v 4.4.x+) app. I have started with the code for the rather well written and documented noUISlider which I have modified to make it look more like a "Material" ...
1
vote
2answers
138 views

Setting with checkbox and number slider, reduce it to only a slider

I have to implement a number range slider for a maximum width parameter. For example the lowest slider value is 500 and for the highest I set it to a reasonable value of 3.000. First the user chooses ...
3
votes
8answers
524 views

where should the “point of coordinate” of a slider knob be?

I made a tool for my students, so they can slowdown music and learn it in their own tempo. In the tools there are some knobs, and specifically 3 of them interact to a "loop" functionality. The idea ...
2
votes
3answers
1k views

When to use a slider versus an input field for indicating a value?

For example, when you're indicating your weight / height, is it better to use a slider or should the user just type in the value? In what instances should you use one or the other?
6
votes
5answers
607 views

Dials vs. Sliders: When and how to use?

I'm looking for some general information on understanding when and how to use dials and sliders. Our challenge is that we're using both right now to explore relationships, compare values, and ...
-4
votes
1answer
165 views

What are the pros and cons of using a slider for blogs? [closed]

An example can be found on this link What are the pros and cons of using a slider to view recent posts of a blog? Is it better than simply using article cards?
0
votes
1answer
49 views

What is this alphabet slider called on Green's Dictionary of Slang?

I came across this website called Green's Dictionary of Slang and thought the alphabet slider was pretty neat. It shows the first word on the page for that portion of the slider you're hovering. I ...
2
votes
1answer
75 views

Better way for users to select a range in a table like structure

I am struggling to find the best UI for contiguous row selection. Each row comprises of a start time, text and an end time. Do you think click and SHIFT + click is still a valuable option for non IT ...
2
votes
1answer
775 views

Selecting Multiple Ranges From a Single Range

I'm building an application that requires individual accounts to be segmented by revenue. I’m trying to find the easiest way for the User to create these segments. This task involves breaking a single ...
0
votes
4answers
236 views

Is there a name for a group of value-related sliders?

I need to illustrate a set of sliders. Each slider can be moved up and down by the user. Adjusting one slider will indirectly adjust the other sliders. Is there a name for this kind of UI component? ...
1
vote
1answer
107 views

Quality / price slider

I am trying to depict quality (custom rating) and price sliders in one phone screen. The problem is that price and quality does not have direct connection (i.e. high quality does not necessary mean ...
3
votes
4answers
316 views

Slider with 3 handlers vs Input fields

I am working on a feature were you need to distribute the total of the feature value (100%) between 4 factors, I think the best option is the input fields, but I like the visual feedback from the ...
2
votes
2answers
410 views

Is a slider with multiple handles suitable for defining split points

I'm working on a web app. Now I have to divide a value range into several continuous parts, say, divide 0~100 into four parts: 0~20, 20~40, 40~60, 60~100. In the simplest way, I can use some text ...
2
votes
1answer
308 views

Snap-to-increment Ranger Slider vs. Buttons

I am working on an app which requires filtering of distance: < 10km < 25km < 50km < 100km My options are: 1 row with 4 buttons for each distance option, or a range slider that snaps on ...
4
votes
1answer
88 views

Input Value Dependencies

I currently have a slider as shown in the image below. If the user adjusts the Drawdown value the Annuity value is affected also and vice versa. This sounds simple, however, if a user wants to ...
1
vote
1answer
153 views

What's that “chevrons” mouse-like “not a slider” interface?

Imagine an ordinary left-right slider (line with a grab) which runs from say -100 to 100. The position is the value ... it's a slider. However. I've sometimes seen rather: a horizontal area the ...
1
vote
1answer
225 views

Zoom Slider Control Positioning

I am wondering if anyone has experience with designing a zoom in/out control slider and if they know what the best possible position for them is? Is it the best user experience to have it horizontal ...
2
votes
2answers
189 views

How to record multiple goals in score-keeping app?

The image below shows an application for creating football (soccer) match reports, specifically the section for recording the goals scored. Note: This UI is for recording scores after the game, not ...
3
votes
3answers
679 views

How to present the content of an Image slider on mobile devices?

I suspect image+text sliders like this aren't the most usable thing on mobile devices, but then how to present their content? Stacking the sliders statically comes to mind but that would take a lot of ...
0
votes
2answers
455 views

Plus/minus buttons around zoom slider or minimalist design?

My web app has zoomable interface with a minimalist slider to indicate the zoom level. http://wikibudgets.org/w/svk/bratislava/zahorska-bystrica/2016/ I was told recently that not having the ...
0
votes
1answer
66 views

Should I inform the user a slider actually has a margin?

I have a configuration dialog that contains a percentage slider: The user can set a range of 10% to 90% on this slider (don't ask why). In reality, the user is actually configuring a range with a 5% ...
3
votes
1answer
42 views

How do I represent the minimum contribution percentage while allowing users to change the figures on the page and still default to the 50% OnPageLoad

Action: moving the slider adjusts the pricing on the page for an insurance package. Scenario: A user select a insurance benefit package for their employees. The minimum they can contribute is 50% of ...
2
votes
2answers
219 views

What are some important considerations on picking a continuous vs. discrete volume control?

I notice that some devices on the market have a discrete number of volume levels (e.g. the iPad, the Nintendo DS), whereas others have a continuous slider (or so many volume levels that it amounts to ...
1
vote
1answer
141 views

Should I combine two values for a single slider?

I'm designing a loan calculator, which based on the loan you request (separate input not shown on the images), allows you to explore your options of monthly paybacks, and the period during which you ...
1
vote
3answers
846 views

Do you know any mobile alternative to sliders?

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 ...
1
vote
3answers
259 views

Color Sliders User-Friendly

I'm designing a website, and I need to allow the user to change the color of some elements. I will have to implement a color slider. I've got 2 different kinds, and I would like to know which is most ...
0
votes
0answers
138 views

Monitor resolution settings in a slider, dropdown or list?

I noticed that in the more recent versions of Windows, the monitor resolution setting has changed from a slider to a dropdown box and an abomination in between. XP: Slider Windows XP has a default ...
3
votes
4answers
567 views

Displaying price limit above price slider scale

I'm working on adding a price slider to an existing price filter on an e-commerce shop that uses price buckets (predefined price ranges). If the user selects any of the price buckets, the slider ...