UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Улучшение пользовательского опыта с помощью сообщений об ошибке
Редакція
Редакція

Опубліковано • Оновлено

Улучшение пользовательского опыта с помощью сообщений об ошибке

#ux

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

Вот три важных компонента хорошего сообщения об ошибке:

  1. Понятный текст сообщения.
  2. Правильное размещение.
  3. Хороший визуальный дизайн.

Понятный текст сообщения

1. Сообщение об ошибке должно быть понятным

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

2. Сообщение об ошибке должно быть полезным

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

3. Сообщение об ошибке должно подходить по контексту

Очень часто веб-сайты используют только одно сообщение об ошибке для всех состояний проверки. Вы оставили это поле электронной почты пустым – «Введите действительный адрес электронной почты», вы пропустили символ «@» - «Введите действительный адрес электронной почты». MailChimp делает это по-другому – у них есть 3 сообщения об ошибке для каждого состояния проверки подлинности электронной почты. Первое проверяет, не является ли поле ввода пустым при отправке формы. Остальные два проверяют наличие символов «@» и «.». (Однако сообщение «Пожалуйста, введите правильное  значение» не является отличным примером описания ошибки, неясно, какое значение вам нужно вводить.) Покажите своим пользователям фактические сообщения, а не общие. Сообщение об ошибке должно подходить по контексту

4. Сообщение об ошибке должно быть вежливым

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

5. Используйте юмор, если это уместно

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

Подходящее место для сообщений об ошибках

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

Правильный визуальный дизайн для сообщения об ошибке

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

Вывод

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


Перевод статьи Vitaly Dulenko

Топ коментарі (0)