Длинные формы лучший способ отображения ошибок. Вопрос юзабилити

Question

У нас есть длинный, для которого есть 3 раздела:

заявитель, доставка и выставление счетов

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

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

Answer 1

Лично я хотел бы, чтобы в верхней части страницы перед заголовками формы было что-то вроде:

There was an error with your form submission in the following section(s):
Shipping, Billing

Где доставка и выставление счетов - это якоря, которые приведут меня к этому разделу формы. Затем над этим разделом разместите соответствующие сообщения для этого раздела:

Shipping
- You need to fill in an address

[rest of form here]

Billing
- You need to fill in a name

[rest of form here]

Answer 2

Сгруппированные сообщения для каждого раздела вверху раздела

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

Answer 3

Я считаю его наиболее пригодным для использования, если в верхней части формы есть общая ошибка, которая говорит что-то вроде: «Были ошибки при отправке вашей информации, пожалуйста, исправьте поля красным цветом», затем выведите более конкретные сообщения об ошибках рядом с каждым полем формы с ошибкой.

Answer 4

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

Поле, на которое влияют, затем обозначается каким-либо флагом / рамкой / маркером и сообщением, информирующим их о типе проблемы.

Итак, если они ввели неверно сформированный адрес электронной почты, такой как «me @ me'com», если они сообщат им, что адрес электронной почты неверен. Точная формулировка действительно зависит от типа целевого пользователя.

Я НЕНАВИЖУ формы, которые говорят вам, что есть ошибки наверху, а затем имеют крошечные звездочки рядом с полями .... тьфу.

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

Answer 5

У Роджера Хадсона есть очень хорошая статья о написании доступных форм и пример обработки ошибок .