Укажите значение и единицу измерения.
Если требуется точный ввод, вместо простого перетаскивания должно быть дополнительное числовое поле.
Слайдер Система дизайна
Помогает выбрать контролируемое значение или диапазон значений.
Содержание чек-листа
Прогресс проверки
01
Структура и значение
Сравните информацию и представление в контексте использования.
02
Взаимодействие и удобство использования
Попробуйте выполнить операцию, измените статус и продолжайте работу.
Прогресс автоматически сохраняется в этом браузере.
РЕКОМЕНДАЦИИ
Как проверять
ПРИМЕРЫ
Примеры использования
Укажите значение и единицу измерения.
«Бюджет, тыс. донгов»: диапазон 0–500, выбранное в данный момент значение 250.
Варианты и сценарии использования
Шкала и бегунок
Шкала, выбранная часть и бегунок должны быть различимы на светлом и тёмном фоне.
Проверьте минимальное и максимальное значения: бегунок не должен обрезаться у края.
Пример Регулятор громкости имеет заметный бегунок и подпись значения в процентах.
Подписи и ограничения
До перетаскивания объясняйте смысл значения, единицы измерения, минимум и максимум.
Прочитайте только текущее значение: должно быть понятно, обозначает оно цену, расстояние или объём.
Пример Фильтр расстояния показывает «В радиусе 5 км».
050100
Управление бегунком
Поддерживайте перетаскивание, стрелки и подходящие клавиши перехода к границам.
Выберите точное значение только клавиатурой: шаг увеличения и уменьшения должен быть одинаковым.
Пример Стрелки изменяют значение на 1%, а Home устанавливает 0%.
Позвольте вводить значение вместо перетаскивания.
Значение рядом с бегунком
Если значение показано у бегунка, удерживайте его в видимой области и не перекрывайте активный элемент.
Перетащите бегунок к краю мобильного экрана: подпись значения не должна выходить за его границы.
Пример Подпись «75%» находится над бегунком и остаётся видимой у правого края.
Точный числовой ввод
Добавляйте поле ввода, если перетаскивание не обеспечивает нужную точность.
Введите число вне диапазона и исправьте его: поле и ползунок должны показывать одно допустимое значение.
Пример Максимальную цену 250000 можно ввести вручную вместо попытки точно передвинуть бегунок.