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

Многие дизайнеры возлагают на пользователя форматирование данных. Этот вызывает серьезные проблемы при заполнении форм.

Неизвестный формат ведет к отказу

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

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

Кроме того, пользователю придется решить в каком виде вводить данные. Например, телефон можно ввести через дефис или же использовать проблемы. При вводе даты можно использовать слеш или же дефисы.

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

Отсутсвие формата затрудняет исправление ошибок

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

Например, при вводе номера кредитной карты без разделения его на группы цифр, будет сложно проверить введенный номер, так как номер будет слишком длинный (более чем 19 цифр). После проверки очередной группы цифр придется каждый раз искать место где пользователь остановился. Вместо этого можно было бы проверять небольшие группы цифр, что заметно бы ускорило процесс.

Форматируйте свои поля с масками

Лучшим способом для улучшения удобства заполнения формы является использования масок. Маски будут автоматически корректировать ввод данных по мере заполнения данных пользователем. Они не должны вводить какие либо символы.

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

Вы должны применять маски в тех полях, которые имеют особый формат. Например, телефонные номера, даты, время, серийные номера или номера кредитных карт.

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

Оригинал - Why Formatted Data Fields Always Need Input Masks