Как разработать сообщения об ошибках, которые уменьшат разочарование
Как спроектировать состояния ошибок, из которых люди могут исправить: размещение, время, формулировку, сохранение ввода, доступность и движение, на основе исследований юзабилити.
Главное
Хорошее сообщение об ошибке видно и размещается рядом с проблемой, написано простым языком, говорит, как ее исправить, сохраняет то, что человек уже набрал, и никогда не обвиняет его. Покажите его, когда человек закончил работу с полем или отправил сообщение, а не пока он еще набирает текст, и убедитесь, что программы чтения с экрана сообщают об этом.
Рекомендации
Nielsen Norman Group резюмирует эффективные сообщения об ошибках как хорошо заметные, конструктивные и уважительные к усилиям пользователя. На практике это означает:
- Разместите сообщение рядом с полем или элементом с проблемой.
- Используйте простой и конкретный язык: «Этот номер короче на одну цифру», а не «Неверный ввод».
- Предложите исправление: какой формат ожидается, что попробовать дальше.
- Сохраняйте то, что напечатали люди, чтобы они могли редактировать это, а не начинать заново.
- Не обвиняйте: избегайте таких слов, как «недействительный», «незаконный» или «неправильный».
Тайминг
Показ ошибки до того, как кто-то закончил, — одна из самых распространенных ошибок. NN/g называет преждевременные ошибки враждебной моделью поведения, например, выставлением оценок за тест до того, как ученик его закончил. Подтвердите поле, когда человек покидает его или отправляет форму, а затем обновляйте сообщение в реальном времени, пока он его исправляет.
Ошибки, не относящиеся к формам
В случае системных ошибок, таких как неудачное сохранение или потеря соединения, расскажите, что произошло, что было сохранено и что пользователь может сделать: повторить попытку, работать в автономном режиме или обратиться в службу поддержки. Избегайте кодов ошибок самостоятельно; если оно вам нужно для поддержки, покажите его вместе с человеческим объяснением.
Доступность
Не полагайтесь только на красный: добавьте значок и текст. Подключите сообщение к его полю, чтобы программы чтения с экрана читали его вместе с полем, и переместили фокус на первую ошибку или сводку ошибок после неудачной отправки.
Движение в состояниях ошибки
Кратковременное встряхивание или изменение цвета может привлечь внимание к проблемному полю, но оно должно быть кратким, не повторяться при каждом нажатии клавиши и заменять движение изменением цвета или значка, когда включено замедленное движение. Само сообщение имеет большее значение, чем анимация.
Ключевые принципы
- Размещайте ошибки рядом с проблемой, простыми словами, с исправлением.
- Сохраняйте то, что напечатали люди
- Проверяйте после заполнения поля, а не во время ввода
- Никогда не полагайтесь только на цвет; подключить сообщения для программ чтения с экрана
- Сохраняйте движение при ошибке кратким и соблюдайте ограничение движения.
Частые вопросы
Источники
- Error-Message Guidelines — Nielsen Norman Group
- Indicators, Validations, and Notifications — Nielsen Norman Group