Action sheet Mobile app

Cho chọn hành động từ một lớp panel gắn với ngữ cảnh.

9 mục kiểm tra · 3 nhóm nội dung

Nội dung checklist

Tiến độ kiểm tra

Màn hình và ngữ cảnh

Đối chiếu thông tin và cách trình bày trong ngữ cảnh sử dụng.

Nêu đối tượng của hành độngDùng tiêu đề để biết các lựa chọn áp dụng cho mục nào.Dùng một tay để mở bảng lựa chọn và chạm các hàng liền nhau. Tách hành động xóa khỏi lựa chọn thông thường; đóng bảng phải trở về đúng ngữ cảnh trước đó.Ví dụ Bảng gồm “Chia sẻ”, “Đổi tên” và “Xóa ảnh”; nút xóa nằm tách riêng, còn “Hủy” chỉ đóng bảng.Viết tên hành động cụ thểGiữ lựa chọn thường dùng dễ nhận ra và không trộn nhiều mục đích.Đặt lựa chọn hay dùng ở nơi dễ quét; tên hành động phải đủ rõ ngay cả khi người dùng không đọc mô tả bên trên.Tách hành động nguy hiểmĐặt xóa hoặc chặn riêng và nêu bước xác nhận khi cần.Tách việc xóa hoặc chặn khỏi các lựa chọn thường dùng, giữ vùng chạm đủ rộng và xác nhận theo hậu quả thực tế.Cho hủy mà không thay đổiCó lối đóng rõ và hành vi chạm nền hoặc kéo xuống phù hợp nền tảng.Đóng bằng nút hủy, chạm nền hoặc kéo xuống cần cùng kết quả: giữ dữ liệu và không thực hiện lựa chọn nào.

Thao tác và phản hồi

Thử thao tác, thay đổi trạng thái và đường tiếp tục công việc.

Giữ focus và thứ tự đọc đúngCho công cụ hỗ trợ biết panel đã mở và trả về phần kích hoạt khi đóng.Kiểm tra panel có nhiều lựa chọnCho cuộn phần nội dung mà vẫn giữ ngữ cảnh và đường thoát.Rút gọn lựa chọn trước khi thêm cuộn. Nếu phải cuộn, làm rõ còn nội dung phía dưới và giữ một lối thoát nhìn thấy.Giữ thao tác khi bàn phím xuất hiệnNếu panel có ô nhập, điều chỉnh chiều cao và không che nút chính.Thử panel gần đáy màn hình khi bàn phím mở; ô nhập, lỗi và nút xác nhận đều cần nằm trong phần có thể thấy.

Hoàn thiện trải nghiệm

Kiểm tra những chi tiết dễ bỏ sót khi đưa thiết kế vào sử dụng.

Cho biết panel có thể mở rộngNếu panel có nhiều mức chiều cao, dùng tín hiệu kéo và trạng thái dừng phù hợp để người dùng nhận ra cách mở thêm nội dung.Thử kéo lên, kéo xuống và thao tác bằng công cụ hỗ trợ; mức mở không được làm mất tiêu đề hoặc nút thoát.Làm rõ lớp nội dung phía sauDùng nền hoặc dấu hiệu phân lớp để panel trở thành phần đang thao tác và ngăn chạm nhầm vào màn hình bên dưới.Khi panel mở, nội dung nền không nhận focus hoặc hành động; đóng panel cần đưa người dùng về đúng điểm kích hoạt.

Tiến độ được lưu tự động trên trình duyệt này.

HƯỚNG DẪN

Cách kiểm tra

Kiểm tra thao tác dễ chọn nhầm

Dùng một tay để mở bảng lựa chọn và chạm các hàng liền nhau. Tách hành động xóa khỏi lựa chọn thông thường; đóng bảng phải trở về đúng ngữ cảnh trước đó.

VÍ DỤ

Ví dụ áp dụng

Lựa chọn cho một ảnh

Bảng gồm “Chia sẻ”, “Đổi tên” và “Xóa ảnh”; nút xóa nằm tách riêng, còn “Hủy” chỉ đóng bảng.