Cómo indicar que una columna de una tabla se puede ordenar (pregunta de diseño de interfaz de usuario)?

StackOverflow https://stackoverflow.com/questions/2375373

Pregunta

En la aplicación que estoy trabajando, no hay datos tabulares (para el registro, se trata de una aplicación Java Swing usando JTables). En algunos casos, los datos se puede ordenar haciendo clic en los encabezados de columna. Lo que quiero saber es lo que es una manera buena para indicar al usuario si una columna dada se puede ordenar o no?

Me han llegado con las siguientes posibilidades.

1) Poner un icono en cada columna ordenable que indica que se puede ordenar. Yo personalmente no me gusta esta opción.

2) Cambiar el cursor del ratón en otra cosa cuando pasa por encima de la cabecera para indicar que se puede ordenar.

3) Ponga una nota en el texto de sugerencia cuando se cierne sobre la columna diciendo que se puede ordenar.

¿Alguien tiene alguna otra sugerencia?

Actualización:

Creo que es una aclaración en orden. Mi pregunta es no ¿Cómo se puede indicar que una columna dada es actualmente ordenadas. Que ya se implementa a través de las flechas arriba / abajo paradigma triángulo tipo. Quiero dar al usuario una idea de qué columnas pueden ordenarse antes de hacer clic en el encabezado para ordenar a él.

Actualización 2: Creo que debería explicar por qué no estoy vendido por completo en la opción # 1. Me parece que si uno va a poner un icono para indicar qué columnas son se puede ordenar entonces esto va a añadir a la confusión visual. En estos casos, a veces la interfaz de usuario cambia de "puntero del ratón sobre". El caso en cuestión:. Windows Vista y 7 permite añadir un filtro en una columna sin embargo, el indicador para este no aparece hasta que pase sobre la cabecera con el ratón

¿Fue útil?

Solución

Cuando usted está tratando con la interfaz de usuario, usted tiene que poner su mente en lo que esperará el usuario. Yo recomendaría casi siempre quedarse con los paradigmas que los usuarios van a esperar. Por tanto, yo recomendaría una versión de la opción 1)

después de Rememberme describe cómo esto podría funcionar - puede seguir utilizando las flechas en las cabeceras de las columnas - una opción sería poner un icono de flecha en la cabecera, pero cambiar el estado de ese icono si lo solucionaron (por ejemplo, resalte el botón arriba o abajo si el conjunto de datos está actualmente clasifica según esta columna.)

Editar Un ejemplo Explorador de Windows puede no ser el mejor ejemplo de ello. Mi texto original se cita a continuación:

  Explorador de Windows

y casi todos   formar DataGrids hay un pequeño icono,   por lo general una flecha hacia arriba o hacia abajo, que   indica que una columna se puede ordenar.   Experimentar con el Explorador de Windows para   ver la forma en que funciona este.

Otros consejos

En muchas aplicaciones, los triángulos indican ordenable por lo que creo que es la mejor forma de transmitir la información al usuario b / c es un estándar que es más probable familiarizados.

Creo que el plugin de jQuery desde DataTables.Net es un buen ejemplo. Usted puede echar un vistazo y ver si te gusta el aspecto / funcionalidad de eso y emularlo. Tanto un arriba y un abajo indican puede ordenar. Sólo uno o el otro, indican que se está clasificando. Si la columna no se puede ordenar, no hay un icono en absoluto. Su ejemplo también cambia el puntero de una flecha a la mano del puntero para indicar que se puede hacer clic en el encabezado.

Creo que la forma estándar es esencialmente la opción 1:. O bien mostrar los datos inicialmente ordenados con una pequeña flecha que apunta hacia arriba o hacia abajo (ascendente / descendente), o una especie + mostrar el icono tan pronto como se hace clic en el encabezado de columna

Creo que tener un poco de flecha o icono de triángulo debajo de la cabecera de la columna, lo que puede hacer clic para ordenar por esa columna es la mejor opción, ya que es fácil de ver visualmente y muy intuitivo de usar.

Poco triangular hacia arriba / abajo los iconos de clasificación son más o menos estándar para las vistas de tabla se pueden ordenar en las aplicaciones de escritorio y páginas web. Que no le guste, pero sus usuarios se utilizan probablemente a ellos (incluso si no se dan cuenta).

Se debe cambiar, por supuesto, el cursor del ratón sobre los elementos se puede hacer clic.

Siempre se debe hacer 2 para hacer clic en cualquier cosa.

El número 1 no es malo, por lo general un triángulo apuntando hacia arriba o hacia abajo dependiendo del orden de clasificación.

Para indicar clickability, se podría también utilizar azul, texto subrayado en las columnas que se pueden ordenar y oscuro texto gris liso en nonsortables - la aparición enlace http es un dispositivo conocido a casi todos los usuarios, pero no transmitiría sortability, por se. Por el contrario, un usuario podría esperar de clic que para llevarlos a alguna otra pantalla o de la lista, como un hipervínculo normalmente lo hace.

Puede que sea un poco denso, pero ¿qué tipo de columnas son no sortable?

Casi cualquier cosa puede ser ordenada; incluso si no hay una estricta "mayor que" la relación, al menos habrá un "iguales", y luego clasificar simplemente significa "llevar las cosas iguales entre sí".

Las cadenas? Pruebe el orden alfabético. Imágenes? Ordenar por porcentaje de rojo, verde, azul (o si usted desea conseguir la suposición, comparar histogramas de color). Ubicaciones? Uso distancia de Roma o cualquier otra ubicación arbitraria.

Clasificar en algunas columnas puede ser mucho más útil que la clasificación en los demás; pero tengo un tiempo difícil encontrar un tipo de columna eran es importante evitar de clasificación se llevara a cabo.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top