Автоматическая валидация полей в форме заказа и регистрации

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

Как работают обычные формы?

Вы вводите какие-то данные. Чаще всего МНОГО разных данных.

Затем такая программа, как обработчик полей, обрабатывает эти поля. Если находит ошибки, то выдает сообщение, что «при заполнении поля допущена ошибка». Это в лучшем случае. Иногда все введенные данные теряются!

Вот пример:

validation

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

Но еще более правильное решение – показывать человеку правильность заполнения формы в процессе заполнения!

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

Вот очень хороший пример, как это реализовано при регистрации аккаунта в твиттере:

validation2

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

Аналогичным образом надо делать ВСЕ формы на сайте. Это максимально удобно для пользователя и в итоге приводит больше новых Клиентов.

Запись опубликована автором Иван Севостьянов