Индикатор заполнения формы

страница об интерфейсе

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

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

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

Сложных форм нужно избегать насколько это возможно, например разбитием их на шаги содержащие простые формы. Но в реальности это, увы, не всегда выполнимо, и нам приходится изобретать методы упрощения взаимодействия с ними. Проблема сложных форм в том, что у человека нет подсказок о наличии и состоянии полей находящихся вне видимости. Доходя до кнопки отправки никто не может быть уверенным что заполнил все поля и не совершил ошибок. Следовательно, ее отключением тут ничего не добьешься, более того, такой индикатор заставляет пользователя еще раз просмотреть все поля в поисках пустых т.е. вынуждает его совершать дополнительную работу. Тоже касается и списка незаполненных полей, этот метод не менее бесполезен, он все также заставляет просматривать форму раз за разом в поисках упущений.

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

Эффективным решением будет скрытие правильно заполненных и не зависимых полей при попытке отправить сложную форму с некорректными или не полными данными.

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