Добавить в корзинуПозвонить
Найти в Дзене
CODEKING

Дизайн без нервов! Интерфейсы, которые прощают ошибки

Ошибаться - это нормально. Плохо, когда интерфейс превращает маленькую опечатку в катастрофу. Дизайн, устойчивый к ошибкам (Error-tolerant design), - это не про то, как запретить пользователю ошибаться, а про то, как сделать этот процесс безболезненным. Вот 5 золотых правил «доброго» интерфейса: 1. Профилактика вместо лечения
Лучшая ошибка - та, которая не случилась. 2. Право на «Undo» (Отмену)
Кнопка «Назад» или «Отменить» - лучший друг пользователя. Страх нажать «не туда» блокирует продажи. Дайте человеку возможность легко откатить действие, будь то удаление письма или оформление заказа. 3. Понятные сообщения об ошибках
Забудьте про фразы типа «Ошибка 404» или «Некорректный ввод». 4. Сохранение данных
Нет ничего хуже, чем заполнить форму из 20 полей, нажать «Отправить», получить ошибку и увидеть... пустые поля. Хороший интерфейс всегда запоминает то, что пользователь уже ввел. 5. Подсказки в реальном времени
Не ждите, пока человек нажмет на кнопку в конце формы. Подсвечивайте ошибки
Почему на одном сайте вы спокойно исправляете опечатку, а на другом - в ярости закрываете вкладку? Как сделать так, чтобы интерфейс помогал пользователю, а не наказывал его за ошибки?
Почему на одном сайте вы спокойно исправляете опечатку, а на другом - в ярости закрываете вкладку? Как сделать так, чтобы интерфейс помогал пользователю, а не наказывал его за ошибки?

Ошибаться - это нормально. Плохо, когда интерфейс превращает маленькую опечатку в катастрофу. Дизайн, устойчивый к ошибкам (Error-tolerant design), - это не про то, как запретить пользователю ошибаться, а про то, как сделать этот процесс безболезненным.

Вот 5 золотых правил «доброго» интерфейса:

1. Профилактика вместо лечения
Лучшая ошибка - та, которая не случилась.

  • Пример: Если в поле нельзя вводить буквы, просто заблокируйте их ввод. Если дата в прошлом недоступна - сделайте её серой в календаре. Не заставляйте юзера гадать.

2. Право на «Undo» (Отмену)
Кнопка «Назад» или «Отменить» - лучший друг пользователя. Страх нажать «не туда» блокирует продажи. Дайте человеку возможность легко откатить действие, будь то удаление письма или оформление заказа.

3. Понятные сообщения об ошибках
Забудьте про фразы типа «Ошибка 404» или «Некорректный ввод».

  • Как надо: «В пароле не хватает одной цифры» или «Похоже, в адресе почты пропущена собачка @». Будьте вежливым помощником, а не строгим учителем.

4. Сохранение данных
Нет ничего хуже, чем заполнить форму из 20 полей, нажать «Отправить», получить ошибку и увидеть... пустые поля. Хороший интерфейс всегда запоминает то, что пользователь уже ввел.

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

Итог: Устойчивость к ошибкам - это проявление эмпатии. Когда ваш сервис «прощает» пользователя, он начинает вам доверять. А доверие - это самая твердая валюта в современном вебе.