Пример проверки Пакет bc data mexico формы в реальном времени
Пример проверки формы в реальном времени
3. Сообщения об ошибках рядом с каждым полем.
Наверняка вы сталкивались с формой, которая возвращала список ошибок (после ее активации) в шапке сайта: вы забыли поле, номер телефона недействителен... Если форма имеет 4 поля, то это не большая проблема. Но в форме оформления заказа с множеством соответствующих полей это может стать серьезным препятствием для эффективности формы.
Минимальное, что мы можем сделать для нашего пользователя, — это выделить непроверенные поля и отобразить соответствующее сообщение об ошибке рядом с ними. Каждая ошибка со своим полем. Легкий.
4. Визуальная обратная связь
Существует множество способов обеспечить хороший визуальный отклик при управлении онлайн-формами. Выделим два:
Показывает каким-либо образом, что поле допустимо (зеленая рамка, флажок и т. д.).
Когда пользователь заполняет форму и нажимает кнопку действия, это показывает, что что-то происходит: сообщение «отправка формы…» деактивирует кнопку…
5. Умные настройки по умолчанию: эффект обеспеченного прогресса
Эффект обеспеченного прогресса, описанный в 2006 году Джозефом К. Нуньесом и Ксавье Дрезе, представляет собой явление, при котором люди, которым предоставлено «искусственное» продвижение в достижении цели, проявляют большую настойчивость в достижении этой цели.
Другими словами, пользователи с большей вероятностью выполнят задачу, если заранее получат искусственное продвижение, а не начнут решать задачу с самого начала.
Как нам перенести это на опыт форм? Просто, используя значения по умолчанию в тех полях, где пользователю предстоит сделать выбор. Два простых примера:
