it-swarm-eu.dev

Zaškrtněte všechny / zrušte zaškrtnutí všech políček s ohledem na použitelnost

Jen se zajímám o vaše myšlenky na nejlepší způsob, jak zajistit zaškrtnutí/zrušení zaškrtnutí všech funkcí pro tabulku HTML s více řádky, která obsahuje sloupec zaškrtávacích políček.

Některé možnosti:

Zaškrtávací políčko v záhlaví tabulky, podobné Gmailu. např. [ ] Is enabled?

Zkontrolujte všechny odkazy v záhlaví tabulky. např. Is enabled? (check all)

Zaškrtněte všechny odkazy v zápatí tabulky přímo pod zaškrtávacími políčky.

19
bcmcfc

Tento přístup považuji za docela samozřejmý (není třeba " vyberte vše"):

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

Klíčové slovo je však „ najdu“! @ ChrisF má několik dobrých bodů v jeho odpověď , ale myslím, že budete muset porovnat různé přístupy s skuteční uživatelé v pořádku abyste zjistili, které řešení je nejvhodnější.

Několik ukazatelů na zobrazeném přístupu:

  • Udělejte okamžitou odpověď. tj. všechna políčka by měla být na klientovi okamžitě odškrtnuta/odešlána (bez odeslání zpáteční nebo zpožděné formuláře), aby byly splněny očekávání uživatele.
  • Nechte widget UI „Vybrat vše“ stejný jako u každé položky. Je to stále zaškrtávací políčko - ovlivňuje to pouze celý sloupec (a je proto umístěn v záhlaví sloupce).

[~ # ~] upravit [~ # ~]

12
jensgram

Zaškrtněte vše a zrušte zaškrtnutí všech akcí. Jako takové by měly být reprezentovány způsobem, jakým jsou akce reprezentovány: jako tlačítka.

Zveřejnil jsem to jako komentář v jiné odpovědi, ale chci jej sem zahrnout a vysvětlit, proč je použití zaškrtávacího políčka špatný nápad:

Problém s použitím zaškrtávacího políčka „zaškrtnout vše“ je to, co představuje? Co se stane, když zrušíte zaškrtnutí políčka záhlaví? Odškrtne vše? Co se stane, když zrušíte zaškrtnutí jedné z níže uvedených položek? Zruší zaškrtnutí políčka záhlaví? Co se stane, když zkontrolujete všechny položky jednotlivě? Zaškrtne políčko záhlaví? Zaškrtávací políčko nesděluje význam správně, aby byl dobrým řešením.

Tlačítka (nebo odkazy), které uvádějí, co dělají, nenechávají absolutně žádný prostor pro zmatek. Není na čem přemýšlet, a není naším úkolem dělat to, aby základní funkce systému mohly být prováděny bez přemýšlení (takže mozek může být použit pro skutečnou vykonanou funkci)?

12
Charles Boyung

Měl jsem rád jednoduché zaškrtávací políčko nahoře, co je na tom dobré, je to zážitek, téměř každý ví, co to dělá, a pokud to neberou, stačí jen jedno kliknutí, aby to zjistili ... ale viděl jsem něco spojeného elegantní:

enter image description here

7
Ayyash

Přímější přístup má mít další zaškrtávací políčko v záhlaví (nebo zápatí). Tato možnost je úzce propojena se sloupcem, na který odkazuje, což je zvláště užitečné, pokud máte více než jeden sloupec zaškrtávacího políčka.

Nevýhodou je, že akce nemusí být pro všechny uživatele okamžitě zřejmá.

Odkaz „Vybrat/Odznačit vše“ je explicitnější a můžete přidat i další vysvětlující text (je-li to nutné), ale vaše stránka to prodlužuje.

6
ChrisF

Zajímavý přístup, který společnost Google provádí v GMail, je „Check/Uncheck All“ také rozbalovací nabídka s dalšími možnostmi. A má stav „Zkontrolováno některé“, když je zobrazen šedě.

1
Evgeny