UX vuốt để hành động: Làm cho các cử chỉ ẩn có thể được khám phá và an toàn
Cách thiết kế các hành động vuốt trong danh sách: ký hiệu, ngưỡng, cam kết vuốt hoàn toàn, hoàn tác, khả năng truy cập và tại sao thao tác vuốt không bao giờ là cách duy nhất.
Điểm chính
Thao tác vuốt là lối tắt nhanh cho các thao tác thường xuyên trong danh sách như lưu trữ hoặc xóa, nhưng chúng bị ẩn nên không bao giờ là cách duy nhất để thực hiện điều gì đó. Sử dụng chúng cho các hành động dự kiến, hiển thị ngưỡng rõ ràng khi mục di chuyển, để lộ thao tác vuốt một phần và cam kết vuốt toàn bộ, đồng thời đưa ra tính năng hoàn tác đối với các hành động phá hoại.
Các vấn đề về khả năng sử dụng
Nielsen Norman Group đã phát hiện ra các vấn đề tái diễn với các hành động vuốt để hiển thị: việc thiếu ký hiệu khiến không rõ vị trí hoạt động của thao tác vuốt, các hành động không chuẩn đằng sau thao tác vuốt khiến những người muốn xóa hoặc lưu trữ ngạc nhiên, việc ẩn nhiều hành động sau thao tác vuốt khiến chúng khó bị phát hiện và thao tác vuốt có thể không rõ ràng khi cùng một cử chỉ cũng điều hướng giữa các phần.
Hành động vuốt sẽ hoạt động như thế nào
Material Design mô tả mẫu phổ biến trên Android: các mục trong danh sách có thể hiển thị các nút khi vuốt và hành động chính là tùy chọn cuối cùng, được căn chỉnh cuối, mà thao tác vuốt hoàn toàn sẽ kích hoạt trực tiếp.
- Tiếp tục vuốt để thực hiện các hành động thường xuyên, dự kiến: lưu trữ, xóa, đánh dấu là đã đọc.
- Hiển thị hành động và màu sắc của nó khi vật phẩm di chuyển và thay đổi nó một cách rõ ràng ở ngưỡng cam kết.
- Đưa vật phẩm trở lại nếu được thả trước ngưỡng.
- Đề nghị hoàn tác hoặc yêu cầu xác nhận đối với các hành động phá hoại.
- Không kết hợp các thao tác vuốt ngang với điều hướng vuốt ngang trên cùng một màn hình.
Không bao giờ là con đường duy nhất
Vì thao tác vuốt là vô hình nên hãy đặt các hành động tương tự vào menu hiển thị, menu nhấn và giữ hoặc màn hình chi tiết. Điều này cũng bao gồm khả năng tiếp cận: người dùng trình đọc màn hình và những người không thể thực hiện các cử chỉ chính xác cần một lộ trình phi cử chỉ và các nền tảng cung cấp các hành động hỗ trợ tiếp cận cho chính mục đích này.
Chuyển động làm cho thao tác vuốt có cảm giác đáng tin cậy
Vật phẩm phải theo dõi ngón tay một cách chính xác và khi thả ra, một lò xo mang theo tốc độ của ngón tay sẽ khiến cho thao tác cam kết hoặc bật lại có cảm giác vật lý. Một cú chạm xúc giác ngắn ở ngưỡng, nơi nền tảng hỗ trợ nó, sẽ xác nhận hành động trước khi nhấc ngón tay lên.
Nguyên tắc chính cần nhớ
- Vuốt bị ẩn: luôn cung cấp giải pháp thay thế hiển thị
- Sử dụng nó cho các hành động thường xuyên, được mong đợi
- Vuốt một phần hiển thị, cam kết vuốt toàn bộ, phát hành sớm quay trở lại
- Hoàn tác hoặc xác nhận hành động phá hoại
- Tránh các cử chỉ ngang xung đột trên một màn hình
Câu hỏi thường gặp
Nguồn
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3