it-swarm-vi.tech

Kiểm tra tất cả / bỏ chọn tất cả các hộp kiểm liên quan đến khả năng sử dụng

Tôi chỉ tự hỏi suy nghĩ của bạn về cách tốt nhất để cung cấp kiểm tra/bỏ chọn tất cả chức năng cho một bảng HTML có nhiều hàng, có một cột các hộp kiểm.

Một số khả năng:

Hộp kiểm thêm trong tiêu đề bảng, tương tự như Gmail. ví dụ. [ ] Is enabled?

Kiểm tra tất cả các liên kết trong tiêu đề bảng. ví dụ. Is enabled? (check all)

Kiểm tra tất cả các liên kết trong chân trang trực tiếp bên dưới các hộp kiểm.

19
bcmcfc

Tôi thấy cách tiếp cận này khá tự giải thích (không cần " Chọn tất cả"):

screenshot
[.__.] (Từ: http://www.ibm.com/developerworks/web/l Library/wa-jquery1 / )

Tuy nhiên, từ khóa ở đây là " Tôi tìm thấy"! @ ChrisF có một số điểm tốt trong câu trả lời của anh ấy , nhưng tôi đoán rằng bạn sẽ phải so sánh các cách tiếp cận khác nhau với người dùng thực theo thứ tự để tìm ra giải pháp nào là phù hợp nhất.

Một vài gợi ý về cách tiếp cận được hiển thị, mặc dù:

  • Hãy trả lời ngay lập tức. tức là, tất cả các hộp phải được bỏ/kiểm tra ngay lập tức trên máy khách (không gửi biểu mẫu khứ hồi hoặc chậm trễ) để đáp ứng mong đợi của người dùng.
  • Để tiện ích UI "Chọn tất cả" giống với tiện ích con cho từng mục. Đây vẫn là một hộp kiểm - điều này chỉ ảnh hưởng đến toàn bộ cột (và do đó được đặt trong tiêu đề cột).

[~ # ~] chỉnh sửa [~ # ~]

12
jensgram

Kiểm tra tất cả và bỏ chọn tất cả là hành động. Như vậy, chúng nên được thể hiện theo cách các hành động được thể hiện: dưới dạng các nút.

Tôi đã đăng bài này dưới dạng một bình luận trong một câu trả lời khác, nhưng tôi muốn đưa nó vào đây để giải thích tại sao sử dụng hộp kiểm là một ý tưởng tồi:

Vấn đề với việc sử dụng hộp kiểm "kiểm tra tất cả" là cái gì thể hiện? Điều gì xảy ra khi bạn bỏ chọn hộp kiểm tiêu đề? Nó bỏ chọn tất cả? Điều gì xảy ra khi bạn bỏ chọn một trong các mục dưới đây? Nó bỏ chọn hộp kiểm tiêu đề? Điều gì xảy ra khi bạn kiểm tra tất cả các mục riêng lẻ? Nó có kiểm tra hộp kiểm tiêu đề không? Các hộp kiểm không truyền đạt ý nghĩa đúng cho nó là một giải pháp tốt.

Các nút (hoặc liên kết) nói lên những gì họ làm hoàn toàn không có chỗ cho sự nhầm lẫn. Không có gì phải suy nghĩ, và không phải là công việc của chúng tôi để làm cho nó để các chức năng cơ bản của một hệ thống có thể được thực hiện mà không cần suy nghĩ (vì vậy năng lực não có thể được sử dụng cho chức năng thực tế đang được thực hiện)?

12
Charles Boyung

Tôi đã từng thích hộp kiểm đơn giản ở trên cùng, đó là trải nghiệm tốt, hầu như mọi người đều biết nó làm gì và nếu họ không cần một cú nhấp chuột để họ tìm hiểu ... nhưng, tôi đã thấy Linkedin làm gì đó khéo léo:

enter image description here

7
Ayyash

Có hộp kiểm thêm trong tiêu đề (hoặc chân trang) là cách tiếp cận trực tiếp hơn. Tùy chọn được liên kết chặt chẽ với cột mà nó đề cập, đặc biệt hữu ích nếu bạn có nhiều hơn một cột hộp kiểm.

Nhược điểm của điều này là hành động có thể không rõ ràng ngay lập tức đối với tất cả người dùng.

Liên kết "Chọn/Bỏ chọn tất cả" rõ ràng hơn và bạn có thể bao gồm một số văn bản giải thích thêm (nếu cần), nhưng nó làm cho trang của bạn dài hơn.

6
ChrisF

Cách tiếp cận thú vị được thực hiện bởi Google trong GMail, "Kiểm tra/Bỏ chọn tất cả" cũng là một menu thả xuống với các tùy chọn bổ sung. Và có trạng thái "Đã kiểm tra một số" khi nó chuyển sang màu xám.

1
Evgeny