Диалоги отмены вместо диалогов подтверждения: разработка менее прерывающего пользовательского интерфейса
Зачем рутина «Вы уверены?» диалоги терпят неудачу, когда подтверждение по-прежнему верно, и как создавать всплывающие уведомления об отмене, которые будут понятными, доступными и безопасными.
Главное
Используйте отмену для действий, которые можно отменить: выполните действие немедленно, затем отобразите короткое неблокирующее сообщение с помощью кнопки «Отменить». Сохраняйте диалоги подтверждения для серьезных, необратимых действий, таких как безвозвратное удаление или крупные платежи, и делайте их конкретными: называйте объект и последствия. Подтверждение рутинных действий учит людей нажимать «ОК», не читая.
Почему рутинные подтверждения перестают работать
Рекомендации Nielsen Norman Group по диалоговым окнам подтверждения ясны: используйте их перед действиями с серьезными последствиями и не используйте их для рутинных действий. Когда люди видят одно и то же диалоговое окно много раз, они подтверждают это по привычке, и диалоговое окно перестает предотвращать ошибки, которые оно должно было обнаружить. В той же статье рекомендуется предлагать отмену везде, где это возможно, вместо того, чтобы полагаться на предупреждение.
Подтвердить или отменить: простое правило
Задайте один вопрос: можно ли это изменить? Если да, действуйте и предложите отменить действие. Если нет, сначала подтвердите и сделайте подтверждение конкретным.
- Архивировать, перемещать, отмечать как прочитанное, удалять из списка: действовать сейчас, предлагать отмену.
- Отправьте сообщение: многие товары ненадолго задерживают отправку, чтобы ее можно было отменить. Gmail позволяет людям выбирать окно отмены в 5, 10, 20 или 30 секунд.
- Удалить навсегда, заплатить, опубликовать публично: сначала подтвердите, назвав элемент и влияние («Удалить 142 файла»).
- А еще лучше: сделайте удаление обратимым с помощью корзины или периода восстановления, а затем используйте отмену.
Разработка сообщения отмены
Material Design называет этот компонент закусочной: короткое, минимально прерывающее сообщение, которое может содержать одно действие, в отличие от диалога, требующего ответа. Напишите в нескольких словах, что произошло, укажите «Отменить» как одно действие и держите его на экране достаточно долго, чтобы люди успели отреагировать. Не скрывайте важные действия по отмене в сообщениях, которые исчезают через две секунды.
Подробности о доступности
Тосты, которые исчезают сами по себе, могут быть пропущены пользователями программ чтения с экрана и людьми, которым нужно больше времени. Объявите сообщение через вежливую живую область, позвольте пользователям клавиатуры нажимать кнопку «Отменить», приостановите таймер, пока сообщение наведено или выделено, и предоставьте другой способ отменить действие, например список истории или корзину.
Движение для отмены
Короткий, спокойный вход с края экрана и свободный выход помогают людям заметить сообщение, не отвлекаясь. При нажатии кнопки «Отменить» анимируйте элемент обратно на место, чтобы было видно изменение направления. Соблюдайте настройки ограниченного движения с помощью простого затухания.
Ключевые принципы
- Обратимые действия: действуйте немедленно и предложите отменить действие.
- Необратимые, серьезные действия: конкретное подтверждение, называющее воздействие
- Обычные подтверждения просматриваются по привычке
- Сделайте доступными сообщения об отмене: текущий регион, фокус клавиатуры, достаточно времени.
- Анимируйте разворот, чтобы люди увидели, что это сработало.
Частые вопросы
Источники
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — Gmail Справка
- Snackbar guidelines — Material Design 3