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

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

Проверка правильности заполнения вверху формы Vs. встроенная проверка

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

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

Проверка правильности заполнения вверху формы Vs. встроенная проверка

При отображении сообщений об ошибках в полях, где были допущены ошибки, когнитивная нагрузка на пользователя уменьшается. Встроенная проверка основана на распознавании, а не на воспоминании, поэтому пользователи могут быстрее и проще исправлять свои ошибки.

Другое исследование показало, что «расстояние между полем, в котором допущена ошибка, и сообщением об ошибке влияет на эффективность исправления ошибки». Проверка правильности заполнения вверху и внизу формы привела к самому длительному времени исправления ошибки, в то время, как встроенная проверка привела к кратчайшему.

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

Где пользователи предпочитают видеть сообщения об ошибках

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

Где пользователи предпочитают видеть сообщения об ошибках

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

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

Почему справа от поля — лучший вариант

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

Почему справа от поля – лучший вариант

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

Почему размещение слева от поля — худший вариант

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

Почему размещение слева от поля – худший вариант

Оно также не ощущается интуитивно понятным, потому что пользователи ожидают, что элементы с более высоким приоритетом будут с левой стороны. Размещение сообщения об ошибке слева от поля делает его важнее самого поля. Но поле важнее, потому что пользователям нужно сосредоточиться на нем, чтобы исправить данные ввода.

Почему размещение сообщения об ошибке над полем увеличивает когнитивную нагрузку

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

Почему размещение сообщения об ошибке над полем увеличивает когнитивную нагрузку

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

Лучшее место для размещения сообщения об ошибке для мобильных форм

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

Лучшее место для размещения сообщения об ошибке для мобильных форм

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

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

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

Справа от поля Vs. Ниже поля: Какой вариант лучше?

Оба варианта — оптимальные места для сообщений об ошибках. Но какой вы должны использовать? Это зависит от того, сколько работы вы готовы проделать.

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

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

Интуитивное размещение сообщений об ошибках

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

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