it-swarm-eu.dev

Seleziona tutto / deseleziona tutte le caselle relative all'usabilità

Mi chiedo solo quali sono le tue opinioni sul modo migliore di fornire spunta/deseleziona tutte le funzionalità per una tabella HTML con più righe, che ha una colonna di caselle di controllo.

Alcune possibilità:

Casella di controllo aggiuntiva nell'intestazione della tabella, simile a Gmail. per esempio. [ ] Is enabled?

Controlla tutti i collegamenti nell'intestazione della tabella. per esempio. Is enabled? (check all)

Controlla tutti i collegamenti nel piè di pagina della tabella direttamente sotto le caselle di controllo.

19
bcmcfc

Trovo questo approccio abbastanza autoesplicativo (non c'è bisogno di " Seleziona tutto"):

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

Tuttavia, la parola chiave qui è " I find"! @ ChrisF ha alcuni punti positivi in ​​ la sua risposta , ma immagino che dovrai confrontare i diversi approcci con utenti reali in ordine per scoprire quale soluzione è la soluzione migliore.

Alcuni suggerimenti sull'approccio mostrato, tuttavia:

  • Rendi la risposta immediata. vale a dire che tutte le caselle devono essere deselezionate/spuntate immediatamente sul client (nessun invio di andata e ritorno o modulo ritardato) al fine di soddisfare le aspettative dell'utente.
  • Lascia che il widget dell'interfaccia utente "Seleziona tutto" sia uguale a quelli per ciascun elemento. È ancora una casella di controllo - questo riguarda solo l'intera colonna (e viene quindi posizionato nell'intestazione della colonna).

[~ ~ #] modifica [~ ~ #]

12
jensgram

Seleziona tutto e deseleziona tutto sono azioni. Pertanto, dovrebbero essere rappresentati nel modo in cui le azioni sono rappresentate: come pulsanti.

Ho pubblicato questo come commento in un'altra risposta, ma voglio includerlo qui per spiegare perché usare una casella di controllo è una cattiva idea:

Il problema con l'utilizzo di una casella di controllo "controlla tutto" è che cosa rappresenta? Cosa succede quando si deseleziona la casella di controllo dell'intestazione? Deseleziona tutto? Cosa succede quando si deseleziona uno degli elementi di seguito? Deseleziona la casella di controllo dell'intestazione? Cosa succede quando controlli tutti gli articoli singolarmente? Controlla la casella di controllo dell'intestazione? La casella di controllo non trasmette correttamente il significato perché sia ​​una buona soluzione.

I pulsanti (o i link) che indicano ciò che fanno non lasciano assolutamente spazio alla confusione. Non c'è nulla a cui pensare, e non è il punto dei nostri lavori fare in modo che le funzioni di base di un sistema possano essere svolte senza pensare (quindi il potere del cervello può essere utilizzato per la funzione effettiva eseguita)?

12
Charles Boyung

Mi piaceva la semplice casella di controllo in alto, la cosa positiva è l'esperienza, quasi tutti sanno cosa fa e se non ci vuole un clic per scoprirlo ... ma ho visto linkedin fare qualcosa pulito:

enter image description here

7
Ayyash

Avere la casella di controllo aggiuntiva nell'intestazione (o piè di pagina) è un approccio più diretto. L'opzione è strettamente collegata alla colonna a cui fa riferimento, che è particolarmente utile se hai più di una colonna di controllo.

L'aspetto negativo di questo è che l'azione potrebbe non essere immediatamente ovvia per tutti gli utenti.

Un link "Seleziona/Deseleziona tutto" è più esplicito e puoi includere un po 'più di testo esplicativo (se necessario), ma allunga la tua pagina.

6
ChrisF

Interessante approccio adottato da Google in GMail, "Seleziona/Deseleziona tutto" è anche un menu a discesa con opzioni aggiuntive. E ha uno stato "Checked Some" quando è disattivato.

1
Evgeny