it-swarm.asia

Centang semua / hapus centang semua kotak centang sehubungan dengan kegunaan

Saya hanya ingin tahu pemikiran Anda tentang cara terbaik untuk menyediakan centang/hapus centang semua fungsi untuk tabel HTML dengan beberapa baris, yang memiliki kolom kotak centang.

Beberapa kemungkinan:

Kotak centang ekstra dalam judul tabel, mirip dengan Gmail. misalnya [ ] Is enabled?

Periksa semua tautan di tajuk tabel. misalnya Is enabled? (check all)

Periksa semua tautan di footer tabel langsung di bawah kotak centang.

19
bcmcfc

Saya menemukan pendekatan ini cukup jelas (tidak perlu untuk " Pilih semua"):

screenshot
(Dari: http://www.ibm.com/developerworks/web/library/wa-jquery1/ )

Namun, kata kunci di sini adalah " Saya temukan"! @ ChrisF memiliki beberapa poin bagus di jawabannya , tapi saya kira Anda harus membandingkan pendekatan yang berbeda dengan pengguna nyata dalam urutan untuk mencari tahu solusi mana yang paling cocok.

Beberapa petunjuk tentang pendekatan yang ditunjukkan, meskipun:

  • Buat tanggapan segera. yaitu, semua kotak harus tidak dicentang/langsung pada klien (tidak ada perjalanan pulang pergi atau formulir tertunda) untuk memenuhi harapan pengguna.
  • Biarkan widget UI "Pilih semua" sama dengan yang ada di setiap item. Ini masih berupa kotak centang - ini hanya memengaruhi seluruh kolom (dan karenanya ditempatkan di tajuk kolom).

[~ # ~] sunting [~ # ~]

12
jensgram

Centang semua dan hapus centang semua adalah tindakan. Dengan demikian, mereka harus direpresentasikan dengan cara tindakan diwakili: sebagai tombol.

Saya memposting ini sebagai komentar di jawaban lain, tetapi saya ingin memasukkannya di sini untuk menjelaskan mengapa menggunakan kotak centang adalah ide yang buruk:

Masalah dengan menggunakan kotak centang "centang semua" adalah apa yang diwakilinya? Apa yang terjadi ketika Anda menghapus centang pada kotak centang tajuk? Apakah itu hapus centang semua? Apa yang terjadi ketika Anda menghapus centang salah satu item di bawah ini? Apakah itu menghapus centang pada kotak centang header? Apa yang terjadi ketika Anda memeriksa semua item satu per satu? Apakah itu memeriksa kotak centang tajuk? Kotak centang tidak menyampaikan artinya dengan benar agar menjadi solusi yang baik.

Tombol (atau tautan) yang menyatakan apa yang mereka lakukan sama sekali tidak meninggalkan ruang untuk kebingungan. Tidak ada yang perlu dipikirkan, dan bukankah tugas kita adalah membuatnya sehingga fungsi dasar suatu sistem dapat dilakukan tanpa berpikir (sehingga kekuatan otak dapat digunakan untuk fungsi aktual yang dilakukan)?

12
Charles Boyung

Saya dulu suka kotak centang sederhana di atas, apa yang baik tentang itu adalah pengalaman, hampir semua orang tahu apa yang dilakukannya, dan jika mereka tidak butuh satu klik bagi mereka untuk mengetahuinya ... tapi, saya telah melihat ditautkan dalam melakukan sesuatu rapi:

enter image description here

7
Ayyash

Memiliki kotak centang tambahan di header (atau footer) adalah pendekatan yang lebih langsung. Opsi ini terkait erat dengan kolom yang dimaksud, yang sangat berguna jika Anda memiliki lebih dari satu kolom kotak centang.

Kelemahan dari ini adalah bahwa tindakan mungkin tidak segera jelas bagi semua pengguna.

Tautan "Pilih/Hapus pilihan semua" lebih eksplisit dan Anda dapat menyertakan beberapa teks penjelasan lebih lanjut (jika perlu), tetapi itu membuat halaman Anda lebih panjang.

6
ChrisF

Pendekatan menarik yang dilakukan oleh Google di GMail, "Centang/Hapus centang Semua" juga merupakan menu tarik-turun dengan opsi tambahan. Dan memiliki status "Checked Some" saat warnanya abu-abu.

1
Evgeny