Основа элементов ввода – это текстовая область, доступная для редактирования. Элементы ввода представляют собой имена существительные пространства программы.

Элементы ввода дают пользователю возможность не только выбирать существующие сведения, но и вводить новую информацию.

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

Ограниченные и неограниченные элементы ввода

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

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

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

Схема элементов ввода

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

Когда пользователь по неосторожности вводит значение, которое программа не может принять, он видит окно с сообщением об ошибке:

– Что бы Вы хотели на десерт? У нас есть все!
– Мороженое.
– Жаль, но мороженого нет.
– Как насчет пирога?.
– Нет!
– Пирожные?
– Нет!
– Леденцы?
– Нет!
– Шоколад?
– Нет!
– Что, тогда у вас есть?!!
-Не сердитесь! У нас широкий ассортимент фруктовых компотов. 

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

Примеры использования элементов ввода

Человек вводит число 100, а мы вознаграждаем его за это сообщением об ошибке, которое гласит: «Вы можете ввести значения из диапазона от 1 до 98». Это – пример плохой проработки пользовательского интерфейса. Намного более грамотный подход заключается в том, чтобы использовать ограниченный элемент управления, который автоматически ограничивает допустимый диапазон.

Если множество ограниченных значений состоит из текста, а не из чисел вы все еще можете использовать ползунок некоторого типа, или комбинированный список, или простой список. На рисунке показан пример ограниченного ползунка, используемого Microsoft в диалоге настройки параметров экрана Windows.

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

Полосы прокрутки

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

Они менее удобны, когда требуется вводить точные значения, хотя во множестве программ они используются именно с этой целью. Для ввода точных значений лучше подходят элементы ввода – счетчики (spinners).

А правильные ли элементы ввода используете вы на вашем сайте? Проверьте прямо сейчас.

Узнайте как эффективно использовать все элементы управления на нашем тренинге “Эффективное использование элементов управления”