Hoàn tác thay vì hộp thoại xác nhận: Thiết kế giao diện người dùng ít gián đoạn hơn
Tại sao lại có thói quen "Bạn có chắc không?" hộp thoại không thành công, khi xác nhận vẫn đúng và cách thiết kế phần nâng ly hoàn tác rõ ràng, dễ tiếp cận và an toàn.
Điểm chính
Sử dụng tính năng hoàn tác cho các hành động có thể đảo ngược: thực hiện hành động ngay lập tức, sau đó hiển thị một thông báo ngắn, không gây cản trở bằng nút Hoàn tác. Giữ các hộp thoại xác nhận đối với các hành động nghiêm trọng, không thể đảo ngược như xóa vĩnh viễn hoặc các khoản thanh toán lớn và nêu rõ chúng: đặt tên cho đối tượng và hậu quả. Việc xác nhận các hành động thường ngày sẽ huấn luyện mọi người nhấp vào "OK" mà không cần đọc.
Tại sao xác nhận thông thường ngừng hoạt động
Hướng dẫn của Nielsen Norman Group về hộp thoại xác nhận rất rõ ràng: sử dụng chúng trước các hành động gây hậu quả nghiêm trọng và không sử dụng chúng cho các hành động thông thường. Khi mọi người nhìn thấy cùng một hộp thoại nhiều lần, họ xác nhận theo thói quen và hộp thoại sẽ ngừng ngăn chặn các lỗi mà lẽ ra nó phải phát hiện. Bài báo tương tự cũng khuyên bạn nên đề xuất hoàn tác bất cứ khi nào có thể thay vì dựa vào cảnh báo.
Xác nhận hoặc hoàn tác: một quy tắc đơn giản
Hãy đặt một câu hỏi: điều này có thể đảo ngược được không? Nếu có, hãy hành động và đề nghị hoàn tác. Nếu không, hãy xác nhận trước và xác nhận cụ thể.
- Lưu trữ, di chuyển, đánh dấu là đã đọc, xóa khỏi danh sách: hành động ngay, hoàn tác đề nghị.
- Gửi tin nhắn: nhiều sản phẩm trì hoãn việc gửi trong thời gian ngắn để có thể hoàn tác. Gmail cho phép mọi người chọn cửa sổ hoàn tác trong 5, 10, 20 hoặc 30 giây.
- Xóa vĩnh viễn, trả tiền, xuất bản công khai: xác nhận trước, đặt tên cho mục và tác động ("Xóa 142 tệp").
- Vẫn tốt hơn: thực hiện thao tác xóa có thể đảo ngược bằng thời gian khôi phục hoặc thùng rác, sau đó sử dụng tính năng hoàn tác.
Thiết kế thông báo hoàn tác
Material Design gọi thành phần này là thanh thông tin nhanh: một thông báo ngắn gọn, ít gián đoạn, có thể chứa một hành động duy nhất, không giống như hộp thoại yêu cầu phản hồi. Viết những gì đã xảy ra bằng một vài từ, đặt Hoàn tác làm một hành động duy nhất và giữ nó trên màn hình đủ lâu để mọi người phản ứng. Không ẩn các hành động hoàn tác quan trọng trong các tin nhắn sẽ biến mất sau hai giây.
Chi tiết về khả năng tiếp cận
Người dùng trình đọc màn hình và những người cần thêm thời gian có thể bỏ qua những lời chúc mừng tự biến mất. Thông báo tin nhắn thông qua một khu vực trực tiếp lịch sự, cho phép người dùng bàn phím chạm tới nút Hoàn tác, tạm dừng bộ hẹn giờ trong khi tin nhắn được di chuột hoặc tập trung và cung cấp một cách khác để đảo ngược hành động, chẳng hạn như danh sách lịch sử hoặc thùng rác.
Chuyển động để hoàn tác
Lối vào ngắn gọn, êm đềm từ mép màn hình và lối ra rõ ràng giúp mọi người chú ý đến tin nhắn mà không bị gián đoạn. Khi nhấn Hoàn tác, hãy làm động mục trở lại vị trí để có thể nhìn thấy sự đảo ngược. Tôn trọng cài đặt giảm chuyển động bằng cách làm mờ đơn giản.
Nguyên tắc chính cần nhớ
- Hành động có thể đảo ngược: hành động ngay lập tức và đề nghị hoàn tác
- Hành động nghiêm trọng, không thể đảo ngược: một xác nhận cụ thể nêu tên tác động
- Xác nhận thường xuyên được nhấp qua theo thói quen
- Làm cho các tin nhắn hoàn tác có thể truy cập được: khu vực trực tiếp, tiêu điểm bàn phím, đủ thời gian
- Làm sinh động sự đảo ngược để mọi người thấy nó hoạt động
Câu hỏi thường gặp
Nguồn
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — Trợ giúp Gmail
- Snackbar guidelines — Material Design 3