it-swarm-es.com

Marque todo / desmarque todas las casillas de verificación con respecto a la usabilidad

Me pregunto qué piensa sobre la mejor manera de activar/desactivar todas las funciones para una tabla HTML con varias filas, que tiene una columna de casillas de verificación.

Algunas posibilidades:

Casilla de verificación adicional en el encabezado de la tabla, similar a Gmail. p.ej. [ ] Is enabled?

Verifique todos los enlaces en el encabezado de la tabla. p.ej. Is enabled? (check all)

Marque todos los enlaces en el pie de página directamente debajo de las casillas de verificación.

19
bcmcfc

Este enfoque me parece bastante claro (no es necesario " Seleccionar todo "):

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

Sin embargo, la palabra clave aquí es " ¡Encuentro "! @ ChrisF tiene algunos puntos buenos en su respuesta , pero supongo que tendrá que comparar los diferentes enfoques con usuarios reales para averiguar qué solución es la más adecuada.

Sin embargo, algunos consejos sobre el enfoque mostrado:

  • Haga la respuesta inmediata. es decir, todas las casillas deben ser desmarcadas/marcadas instantáneamente en el cliente (sin envío de ida y vuelta o formulario retrasado) para cumplir con las expectativas del usuario.
  • Deje que el widget "Seleccionar todo" de la interfaz de usuario sea el mismo que el de cada elemento. Todavía es una casilla de verificación: esto solo afecta a toda la columna (y, por lo tanto, se coloca en el encabezado de la columna).

[~ # ~] editar [~ # ~]

12
jensgram

Marque todo y desmarque todas las acciones. Como tal, deben representarse de la forma en que se representan las acciones: como botones.

Publiqué esto como un comentario en otra respuesta, pero quiero incluirlo aquí para explicar por qué usar una casilla de verificación es una mala idea:

El problema con el uso de una casilla de verificación "marcar todo" es ¿qué representa eso? ¿Qué sucede cuando desmarca la casilla del encabezado? ¿Desmarca todo? ¿Qué sucede cuando desmarca uno de los siguientes elementos? ¿Desmarca la casilla de verificación del encabezado? ¿Qué sucede cuando revisas todos los artículos individualmente? ¿Marca la casilla de verificación del encabezado? La casilla de verificación no transmite el significado correctamente para que sea una buena solución.

Los botones (o enlaces) que indican lo que hacen no dejan absolutamente espacio para la confusión. No hay nada en qué pensar, y ¿no es nuestro objetivo hacer que las funciones básicas de un sistema se puedan realizar sin pensar (por lo que el poder del cerebro se puede utilizar para la función real que se realiza)?

12
Charles Boyung

Me gustaba la simple casilla de verificación en la parte superior, lo bueno de esto es la experiencia, casi todo el mundo sabe lo que hace, y si no lo hacen, se necesita un clic para descubrirlo ... pero, he visto que linkedin hace algo ordenado:

enter image description here

7
Ayyash

Tener la casilla de verificación adicional en el encabezado (o pie de página) es un enfoque más directo. La opción está estrechamente vinculada con la columna a la que se refiere, lo cual es especialmente útil si tiene más de una columna de casilla de verificación.

La desventaja de esto es que la acción podría no ser inmediatamente obvia para todos los usuarios.

Un enlace "Seleccionar/Deseleccionar todo" es más explícito y puede incluir un texto más explicativo (si es necesario), pero hace que su página sea más larga.

6
ChrisF

Enfoque interesante realizado por Google en GMail, "Verificar/Desmarcar todo" también es un menú desplegable con opciones adicionales. Y tiene un estado "Comprobado algunos" cuando está atenuado.

1
Evgeny