В сообщении об ошибке должно быть указано, что блокирует и как исправить поле. «Неверный ввод» или красная рамка без текста недостаточно, особенно для человека, использующего клавиатуру или считыватель экрана.
Дайте инструкцию, связанную с полем
Напишите «укажите адрес электронной почты, содержащий @», а не «Ошибка 42». Поместите текст рядом с полем и связать его технически. W3C рекомендует Очистите уведомления с глобальным возвратом после отправки и возвратом возле соответствующего элемента управления.
Prevent rather than surprise
Укажите перед вводом форматов и обязательной информацией: длину идентификатора, формат даты или максимальный размер файла. Не отображать известное ограничение только после нескольких попыток. Примеры должны совпадать с фактически принятыми форматами и не требовать, чтобы данные не были необходимы для выполнения задачи.
Держите ответы и направляйте возвращение
После ошибки сервера или проверки сохраняйте поля, которые уже были введены, когда это возможно. Отображение сводки ошибок в верхней части формы и локальных указаний. Поместите фокус в логичное место, чтобы возобновить исправление, затем позвольте пользователю проверить изменения перед новой отправкой.
Различать коррекцию, неудачу и успех
Плохо заполненное поле не является недоступностью сервиса. Если посылка не удалась по технической причине, объявите ее, не утверждая, что запрос получен, и предоставьте еще один способ контакта, если это возможно. И наоборот, успешная отгрузка должна предоставить явное подтверждение и указать ожидаемую последовательность.
Тестируйте с реальными ошибками
Попробуйте пустое поле, вероятный, но отказавший формат, слишком тяжелый файл и потеря связи. Тестируйте на клавиатуре, на телефоне и с технологией поддержки, если есть. Контактная форма руководства Помогает уменьшить поля, даже не записывая их ошибки.
Помогите кому-нибудь возобновить вход без потери
Посетитель отправляет форму с неверным адресом и одним обязательным полем пустым. Страница идентифицирует каждую проблему, кроме поля, суммирует ошибки, сохраняет введенный текст и упрощает поиск фокуса. Посетитель исправляет его и получает явное подтверждение.
Тест с клавиатурой и телефоном. Общий «ошибка 400» или сам по себе цвет не объясняет, как восстановить.