Элементы управления спином

С помощью элемента управления спином пользователи могут щелкнуть кнопки со стрелками, чтобы изменить добавочное значение в связанном числовом текстовом поле. Поле спина относится к сочетанию текстового поля и связанного элемента управления спином.

Типичное поле спина.

Пользователи часто предпочитают элементы управления спином, так как они могут вносить изменения, не перемещая руки с мыши. Если элемент управления спином связан с текстовым полем, пользователи могут вводить или вставлять входные данные непосредственно в текстовом поле, поэтому использование элемента управления спином является необязательным.

Хотя элементы управления спином используются для числовых входных данных, входные данные не должны быть чистым целым числом. Входные данные могут быть десятичными числами и могут иметь отрицательные знаки, разделители (например, двоеточия или дефисы), а также модификаторы единиц.

Это правильный элемент управления?

Чтобы решить, рассмотрите следующие вопросы:

• Используется ли элемент управления для числовых входных данных? Если нет, используйте другой элемент управления, например раскрывающийся список или ползунок, чтобы выбрать из фиксированного набора значений. Используйте полосы прокрутки для прокрутки.

• Считают ли пользователи значение относительным количеством, а не числовым значением? В этом случае используйте ползунок. Используйте поля спина только для точных известных числовых значений. Например, пользователи думают о настройке громкости звука на низкий или средний , а не о настройке значения 2 или 5.

• Связан ли элемент управления с текстовым полем? Если нет, не используйте. Элементы управления спином не следует использовать отдельно или с другими типами элементов управления, кроме текстового поля.

  неправильно:

  

  В этом примере элемент управления спином используется для управления динамическим графическим элементом.

• Допустимы ли диапазоны смежных значений? В противном случае используйте раскрывающийся список допустимых значений.

  

  В этом примере не все номера дисков допустимы, поэтому раскрывающийся список является лучшим вариантом.

• Используется ли элемент управления спином практическим? Использование элемента управления спином является практическим для:

  • Ввод небольшого числа, как правило, менее 100.
  • Внесение небольших изменений в существующее или значение по умолчанию.

  Хотя элементы управления спином могут использоваться для любых числовых входных данных, они неэффективны в ситуациях, отличных от этих.

• Полезен ли элемент управления спином? Используется ли элемент управления в контексте, где пользователи, скорее всего, будут использовать мышь? Если нет, рассмотрите необязательный элемент управления спином.

• Являются ли раскрывающийся список элементов управления с общими элементами управления? Если есть другие раскрывающийся список, попробуйте использовать раскрывающийся список для согласованности.

  

  В этом примере можно использовать поле спина, но раскрывающийся список используется для согласованности.

• Являются ли пользователи касания или пера основным целевым объектом? В этом случае рекомендуется использовать раскрывающийся список. Кнопки со стрелками в элементе управления спином слишком малы, чтобы эффективно использовать с сенсорным или пером.

Если ползунок или поле спина возможно, используйте поле спина, если:

• Пространство экрана жестко.
• Пользователь, скорее всего, предпочитает использовать клавиатуру.

Используйте ползунок, если:

• Пользователи получат выгоду от мгновенной обратной связи.

Руководящие принципы

Общее

• Используйте элементы управления спином всякий раз, когда они являются практическими и полезными. См. Правильно ли это элемент управления?

  • исключение : быть согласованы с другими текстовыми полями в одном пользовательском интерфейсе, используйте элементы управления спином, даже если они не всегда являются практическими.

  правильно:

  

  В этом примере элемент управления спином используется с элементом управления годом для согласованности, несмотря на то, что он не всегда является практическим.

  неправильно:

  

  В этом примере элемент управления спином недоступен.

• Всегда создайте элемент управления спином "приятель" текстового поля. Это позволяет поместить элемент управления спином в текстовое поле.

  правильно:

  

  неправильно:

  

  В правильном примере элемент управления спином помещается в связанное текстовое поле.

• Отключите элемент управления спином при отключении связанного текстового поля. Элемент управления спином является дополнительным методом ввода — никогда не единственным методом ввода.

Значения

• Определите верхнюю кнопку для увеличения значения на одну единицу и нижней кнопки, чтобы уменьшиться на одну единицу. Как правило, единица является одной, но это должно быть наименьшее обычное изменение значения. В идеале элемент управления спином должен охватывать все допустимые значения, и это должно быть удобнее, чем ввод текста.

  

  В этом примере нажатие элемента управления спином изменяет значения на .1, что является наименьшим общим изменением значения. Использование меньшей единицы будет охватывать диапазон допустимых значений, но сделать элементы управления спином непригодными для использования.

• Используйте элемент управления спином, чтобы ограничить входные данные допустимыми значениями. Использование элемента управления спином никогда не должно привести к неправильному значению.

• В конце диапазона допустимых значений перезапустите диапазон. Метафора элемента управления спиной заключается в том, что пользователь крутит колесо значений, следовательно, это поведение, как колесо.

  • исключение: не перезапускать диапазон, если результирующее значение должно быть неверным.

    

    В этом примере нажатие кнопки стрелки вниз не перезапускает диапазон (перейдя к максимальному значению), так как это значение должно быть неверным.

• Используйте текст вместо специальных числовых значений. Разрешить пользователям выполнять спину к этим специальным значениям, а не знать их и вводить их в.

  

  В этом примере никогда не является особым значением, но пользователи могут к нему вращать.

• Если значение имеет разделители, связанное текстовое поле должно иметь несколько точек фокуса ввода. Это позволяет управлять числовыми сегментами по отдельности.

  

  В этом примере элемент управления спином влияет на значения в течение нескольких часов, минут, секунд и A.M./P.M., в зависимости от того, какой фокус имеется.

• Если значение имеет единицы, используйте элемент управления спином для изменения этих единиц.

  

  В этом примере элемент управления спином можно использовать для изменения единиц.

Метки

• Примените текстовые поля, рекомендации, чтобы пометить связанное текстовое поле. Элементы управления спином никогда не помечены напрямую.

Документация

При обращении к элементам управления спином:

• Не ссылайтесь на элементы управления спином в пользовательской документации. Вместо этого обратитесь к метке связанного текстового поля.
• Обратитесь к элементам управления спина и ящикам спина только в программировании и другой технической документации.

Пример. В поле дата введите или выберите часть даты, которую вы хотите изменить.

Связанные разделы

глоссарий