Ни одна система не может работать без ошибок. Это могут быть ошибки пользователя или сбои системы. В обоих случаях очень важно правильно обрабатывать ошибки, поскольку они имеют решающее значение для хорошего пользовательского опыта.
Вот три важных компонента хорошего сообщения об ошибке:
- Понятный текст сообщения.
- Правильное размещение.
- Хороший визуальный дизайн.
Понятный текст сообщения
1. Сообщение об ошибке должно быть понятным
Сообщения об ошибках должны четко определять, в чем была проблема, почему это произошло, и что с этим делать. Думайте о своем сообщении об ошибке, как о разговоре с вашим пользователем – оно должно звучать так, как будто написано для людей. Убедитесь, что ваше сообщение об ошибке вежливое, понятное, дружелюбное и не содержит жаргон.
2. Сообщение об ошибке должно быть полезным
Недостаточно просто написать, что что-то пошло не так. Покажите пользователям способ как это можно исправить легче и быстрее. Например, Microsoft описывает, что не так, и предоставляет решение в сообщении об ошибке, чтобы сразу исправить эту проблему.
3. Сообщение об ошибке должно подходить по контексту
Очень часто веб-сайты используют только одно сообщение об ошибке для всех состояний проверки. Вы оставили это поле электронной почты пустым – «Введите действительный адрес электронной почты», вы пропустили символ «@» - «Введите действительный адрес электронной почты». MailChimp делает это по-другому – у них есть 3 сообщения об ошибке для каждого состояния проверки подлинности электронной почты. Первое проверяет, не является ли поле ввода пустым при отправке формы. Остальные два проверяют наличие символов «@» и «.». (Однако сообщение «Пожалуйста, введите правильное значение» не является отличным примером описания ошибки, неясно, какое значение вам нужно вводить.) Покажите своим пользователям фактические сообщения, а не общие.
4. Сообщение об ошибке должно быть вежливым
Не обвиняйте своих пользователей в том, что они сделали что-то неправильно, даже если они это сделали. Будьте вежливы со своими пользователями, чтобы они чувствовали себя комфортно и удобно. Это отличная возможность использовать голос вашего бренда и добавить индивидуальность в ошибки.
5. Используйте юмор, если это уместно
Будьте осторожны с использованием юмора в сообщении об ошибке. Прежде всего сообщение об ошибке должно быть информативным и полезным. Затем вы можете улучшить пользовательский опыт, добавив немного юмора в сообщение об ошибке, если это уместно.
Подходящее место для сообщений об ошибках
Хорошее сообщение об ошибке – это то, которое вы можете увидеть, когда это необходимо. Избегайте сводок ошибок, размещайте сообщения об ошибках рядом с элементами пользовательского интерфейса, с которыми они связаны.
Правильный визуальный дизайн для сообщения об ошибке
Сообщение об ошибке должно быть четко видно. Используйте контрастные цвета текста и фона, чтобы пользователь мог легко заметить и прочитать сообщение. Как обычно, красный текст используется для текста сообщения об ошибке. В некоторых случаях используются желтый или оранжевый цвета, так как некоторые ресурсы утверждают, что красный цвет слишком напрягает пользователей. В обоих случаях убедитесь, что текст ошибки удобочитаемый, с заметным контрастом по отношению к цвету фона. Не забудьте добавить соответствующую иконку рядом с цветом, чтобы улучшить доступность для людей с цветовой слепотой.
Вывод
Сообщения об ошибках – отличная возможность улучшить опыт пользователей, поделиться индивидуальностью своего бренда. Обратите внимание на все аспекты хорошего сообщения об ошибке – язык, размещение и визуальный дизайн, чтобы сделать его действительно идеальным. Примечание: Мы хотели бы поблагодарить Виталия за его вклад в наш блог и эту статью.
Перевод статьи Vitaly Dulenko
Топ коментарі (0)