Хороший пример отображения сообщения об ошибке - Uexpert
  • +7 (495) 055-13-58
    (9:00-20:00)
  • Бесплатная консультация

Хороший пример отображения сообщения об ошибке

· 16 марта, 2017 · Примеры из реальных проектов

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

Хороший пример отображения сообщения об ошибке

Хороший пример отображения сообщения об ошибке

Здесь мы видим хороший пример поддержки особенности восприятия человека – “Наше периферийное зрение ограничено” и его принципы:

Чтобы сделать ошибку на странице заметной:

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

Поместите сообщение туда, куда пользователи смотрят

Используйте красный цвет

Используйте символ ошибки

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

Хороший приём для отображения ошибки, который используется на сайте: красная стрелка и красный текст над строкой ввода, красная рамка вокруг поля ввода и  пиктограмма с восклицательным знаком, которая воспринимается как “Внимание, тут что-то не так!”

Так же разработчики этой формы следовали Золотому правилу №12 «Обработка ошибок» и следующим рекомендациям:

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

Сообщение об ошибке должно быть заметным и контекстным

Дополнительно

Поделитесь в соц. сетях:

Другие материалы



Запросите





Нажимая на кнопку вы даёте своё согласие на обработку персональных данных. Политика обработки персональных данных

Свяжитесь с нами

  • info@uexpert.ru
  • +7 (495) 055-13-58