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