Хотя я обычно против "вы не хотите делать , что , вы хотите сделать этот " ответы, я должен сделать исключение в этом случае .
Элементы интерфейса (полосы прокрутки, кнопки, ползунки и т. Д.) Имеют либо предназначенную цель, либо цель, принятую соглашением. Если вы будете придерживаться этих соглашений, вы упростите работу для своих пользователей и сделаете ее менее сложной для себя.
В этом случае вы используете ползунок, чтобы выбрать количество товара для покупки. То есть вы хотите, чтобы пользователь указывал дискретное целочисленное значение.
Ползунок отлично подходит для (псевдо) аналоговых значений, таких как громкость. В таких случаях пользователь знает, что есть нижняя граница (без звука) и верхняя граница (много звука), но, как правило, не может диктовать какой-либо желаемый промежуточный уровень. Пользователь не будет думать о понятии +1 или -1 тома, но будет думать с точки зрения «немного больше» или «немного меньше».
Для дискретных значений ползунок подходит для выбора одного значения из предварительно определенного набора:
_example.PNG)
Ползунок - не лучший выбор для выбора неограниченного целочисленного значения. Конечно, пользователь может принять крайнюю левую позицию равной нулю, но что указывает крайняя правая позиция? Ползунок перемещается от ноль до все ? Что такое все ?
Помимо выбора значения с неясным ползунком, пользователи не ожидают, что ползунок будет использоваться для этой цели.
Вы должны действительно упростить интерфейс, чтобы принести пользу пользователям и себе.
Достаточно стандартного ввода текста. Люди знают, что они делают, поймут цель ввода текста в поле, помеченное как «количество» (ах - я наберу нужное число), и это не смущает.
Это значительно упростит для вас процесс разработки и сопровождения. Сколько времени потребуется для ввода текста по сравнению со слайдером? Что может пойти не так со стандартным вводом текста? Наверное, ничего. Что может пойти не так с пользовательским слайдером? Ну, как мы видим, разные вещи могут работать неправильно в зависимости от браузера.
Из "вау - работает!" В перспективе слайдер может показаться крутым, но пользователям все равно (они очень непостоянные существа). Пользователь не будет думать, что «слайдер - как это круто, я должен делать покупки здесь снова». Пользователь будет думать, что «этот сайт даже не позволит мне выбрать количество - я вообще не буду делать покупки здесь».
Просто будь проще.