web-development-kb-es.site

Quiero permitir al usuario alternar el encabezado de una columna para ordenar una cuadrícula por un campo de fecha. ¿Cómo puedo hacer que ASC / DSC sea intuitivo?

Quiero permitir al usuario alternar el encabezado de una columna para ordenar una cuadrícula por un campo fecha.

¿Cómo puedo hacer que la dicotomía ascendente/descendente sea intuitiva?


EDITAR: Estaba buscando columna de fecha soluciones específicas.

7
Jim G.

La convención es tener una flecha hacia arriba para las listas ascendentes y una flecha hacia abajo para las listas descendentes. No funciona En las pruebas de usabilidad que he hecho, los usuarios están divididos de manera uniforme sobre si mi nombre termina en la parte superior o inferior de la lista, sin importar la flecha que muestres.

Parte del problema es que hay algo cognitivamente extraño en una flecha hacia arriba, lo que significa que la lista aumenta cuando va hacia abajo en la lista. Sin embargo, probé las flechas izquierda (ascendente/hacia adelante) y derecha (descendente/hacia atrás), y aún tuve un rendimiento inaceptable.

Lo único que encontré que funciona es una representación alfanumérica genérica de los límites. Por ejemplo:

Nombre (A - Z)

Tamaño de archivo (1--9)

Fecha (1--12)

Descubrí que no es necesario que los límites reflejen los valores mínimos y máximos verdaderos en la lista.

Depende de usted si cree que vale la pena el desorden. Los usuarios con los que hablé dicen que miran los elementos de la lista para ver el orden e ignoran los símbolos en el encabezado. Tal vez eso sea lo suficientemente bueno para tu situación.

12
Michael Zuschlag

La forma preferida de hacer esto parece ser con un triángulo "arriba" (▲) para ascender y un triángulo "abajo" para descender (▼).

3
Marcos Crispino

Perdón por publicar esto como respuesta, no estoy seguro de si esto es realmente una respuesta. Pero no puedo comentar todavía, de todos modos.

Veo dos problemas diferentes aquí. Primero, si el orden ascendente debe estar representado por un triángulo apuntando hacia arriba o hacia abajo (o iconos similares). En segundo lugar, si este icono representa el estado actual (ahora) o futuro (después de hacer clic).

En cuanto al primer problema, como usuario de Windows (y quizás deberíamos ver el sistema operativo u otra convención de interfaces de usuario ampliamente utilizada por la mayoría de nuestros usuarios objetivo para decidir), mi intuición dice flecha hacia arriba para ascender (a >> z, 1> > 9), aunque los resultados se muestran de arriba abajo. Pero no hay estudio/evidencia que pueda mostrar aquí.

Para el segundo problema, me parece @Wilbert respondiendo en este hilo , con la siguiente conclusión:

(...) no está claro si el símbolo del encabezado de la columna muestra el criterio que se usa actualmente para la clasificación, o si actúa como un botón que se ordenará de acuerdo con el símbolo al hacer clic.

Bueno, estoy de acuerdo con él. Entonces me preguntaba dos situaciones que podrían tener más sentido para mí:

  1. Usamos el símbolo de clasificación solo en la columna en la que se aplica la clasificación y que representa la clasificación actual; o
  2. Usamos el símbolo de clasificación en todas las columnas, pero representamos el estado futuro después de hacer clic.

Las primeras opciones me parecen más intuitivas, ya que la columna elegida para la ordenación y la ordenación son explícitas para el usuario. Por otro lado, el usuario no tiene medios explícitos para saber que al hacer clic en el encabezado de una columna se ordenarán los resultados (aunque este es un sentido bastante común). Entonces esta es la opción que aplicaría.

El segundo es todo lo contrario: si bien es más explícito para el usuario que al hacer clic en las columnas se ordenarán los resultados, no está claro cuál es el criterio de clasificación actual (la columna de clasificación y la dirección de clasificación).

Me encantaría saber que hay una convención ampliamente utilizada, pero por lo que pude encontrar hasta ahora, no la hay. = /

2
ricardo.scholz

Otra posibilidad es utilizar pequeños gráficos de barras ascendentes y descendentes.

Por ejemplo ascending sort

1
Naveen M.