- Статьи
- 2 мин на чтение
- 62
Как обезопасить нажатие на опасные кнопки удаления
Дизайн с фокусом на предотвращение ошибок
Самое разрушительное действие — действие, которое удаляет данные пользователя навсегда. Без возможности отменить или вернуть их. Поэтому необходимо предпринимать дополнительные меры предосторожности, чтобы сделать нажатие на кнопку «Удалить» (“Delete”) более безопасным.
Кнопка «Удалить» (“Delete”) без мер предосторожности похожа на обычную кнопку действия в модальном окне подтверждения. В результате пользователи будут нажимать на неё, не задумываясь о том, что это может привести к разрушительным последствиям.
Некоторые интерфейсы меняют визуальное оформление, окрашивая цветом кнопку «Отмена» (“Cancel”). Это делает кнопку «Удалить» (“Delete”) менее заметной, чтобы она не притягивала к себе взгляд пользователей. Тем не менее, этого всё равно недостаточно для того, чтобы предотвратить опасные удаления.
Хотя модальное окно подтверждения предназначено для предотвращения ошибочных действий, оно ненадежно. Пользователи не всегда читают текст в нём и по привычке нажимают на кнопки, чтобы продолжить выполнять задачи. Вам нужна более эффективная функция предотвращения ошибок, а не просто изменение цвета кнопки «Удалить» (“Delete”).
Некоторые дизайнеры рассматривают возможность использовать текстовое поле для ввода слова «Удалить» (“Delete”) или названия элемента для подтверждения удаления. Хотя этот подход предотвращает совершение ошибки, он слишком сильно ограничивает. При каждом удалении пользователю придётся перемещать руку с мыши на клавиатуру, чтобы ввести слово.
Такие ограничения помогают, но они не должны настолько сильно перегружать пользователей. Вместо этого лучше сделать условный чекбокс. Он действует также, как в соглашении, потому что название чекбокса утверждает, что пользователь понимает, что удаление необратимо и его нельзя отменить.
Чтобы поставить галочку в чекбоксе, достаточно одного щелчка мыши. Затем кнопка «Удалить» (“Delete”) переходит из неактивного состояния в активное. Это простое ограничение предотвращает ошибку удаления без высокой когнитивной нагрузки.
Кроме того, новый дизайн в форме маркированного списка перечисляет всё, что пользователи собираются удалить. Таким образом, они могут проверить элементы, которые они удаляют прежде, чем это сделать.
Язык заголовка и кнопки также выглядит более дружелюбно. Вместо того, чтобы написать «Удалить безвозвратно» (“Delete Permanently”), дизайнер использует «Удалить навсегда» (“Delete Forever”). Это более понятный способ сказать то же самое. Слово «безвозвратно» (“permanently”) более техническое и пугающее.
В качестве предупреждения вместо синей кнопки используется красная. Поскольку люди привыкли видеть синие кнопки, красная кнопка предостерегает их — текущее модальное окно подтверждения уникально и связано с опасным действием. В результате пользователи склонны нажимать на кнопку с большей осторожностью.
Как видите, функции предотвращения ошибок необходимы, чтобы обеспечить безопасность пользователей. Не делайте опасные кнопки удаления похожими на обычные. В случае возможных разрушительных последствий следует предпринимать дополнительные меры предосторожности, чтобы сделать «Удаление» (“Delete”) безопасным и надёжным действием.
Перевод статьи How to Make Dangerous Delete Buttons Safer to Click из блога UX Movement Newsletter
В нашем Телеграм-канале UX Teddy публикуем так же переводы практических статей из блога UX Movement про проектирование сложных интерфейсов, форм и страниц — подписывайтесь!
- Источник:
- UX Movement Newsletter
