Como indicar que uma coluna em uma tabela é classificável (questão de design de UI)?

Question

No aplicativo em que estou trabalhando, há dados tabulares (para constar, é um aplicativo Java Swing usando JTables).Em alguns casos, os dados podem ser classificados clicando nos cabeçalhos das colunas.O que eu quero saber é qual é uma boa forma de indicar ao usuário se uma determinada coluna é classificável ou não?

Eu descobri as seguintes possibilidades.

1) Coloque um ícone em cada coluna classificável indicando que ela é classificável.Eu pessoalmente não gosto desta opção.

2) Mude o cursor do mouse para outra coisa quando ele passar sobre o cabeçalho para indicar que pode ser classificado.

3) Coloque uma nota no texto da dica ao passar o mouse sobre a coluna dizendo que ela é classificável.

Alguém tem alguma outra sugestão?

Atualizar:

Acho que cabe um esclarecimento.Minha pergunta é não como indicar que uma determinada coluna é atualmente classificado.Isso já está implementado através do paradigma do triângulo de classificação para cima/para baixo.Quero dar ao usuário uma pista sobre quais colunas pode ser classificados antes de clicarem no cabeçalho para classificá-lo.

Atualização 2:Acho que devo explicar por que não estou totalmente convencido da opção nº 1.Parece-me que se for colocar um ícone para indicar quais colunas são classificável, isso aumentará a confusão visual.Nesses casos, às vezes a IU muda ao "passar o mouse".Caso em questão:O Windows Vista e 7 permitem adicionar um filtro em uma coluna, mas o indicador para isso não aparece até que você passe o mouse sobre o cabeçalho.

Answer 1

Quando você está lidando com a interface do usuário, você deve colocar sua mente no que o usuário espera. Eu quase sempre recomendo ficar com os paradigmas que seus usuários esperam. Portanto, eu recomendaria uma versão da opção 1)

Lembre -se deMe Post descreve como isso pode funcionar - você ainda pode usar setas nos cabeçalhos da coluna - uma opção seria colocar um ícone de seta no cabeçalho, mas alterar o estado desse ícone se for classificado (por exemplo O conjunto de dados está atualmente classificado por esta coluna.)

Editar:Um exemplo do Windows Explorer pode não ser o melhor exemplo aqui. Meu texto original citado abaixo:

No Windows Explorer e quase todos os datagrids, há um pequeno ícone, geralmente uma seta para cima ou para baixo, que indica que uma coluna é classificada. Experimente o Windows Explorer para ver a maneira como isso funciona.

Answer 2

Em muitos aplicativos, os triângulos indicam classificáveis, então acho que essa é a melhor maneira de transmitir as informações ao usuário porque é um padrão com o qual eles provavelmente estão familiarizados.

Eu acho que o plugin jQuery de Datatables.net é um bom exemplo. Você pode dar uma olhada e ver se gosta da aparência/funcionalidade disso e imitá -la. Tanto um UP quanto um down indicam classificáveis. Apenas um ou outro indica que está sendo classificado. Se eles não forem classificados, não há ícone. O exemplo deles também altera o ponteiro de uma flecha para o ponteiro da mão para indicar que você pode clicar no cabeçalho.

Answer 3

Eu acho que a maneira padrão é essencialmente a opção 1: exiba os dados inicialmente classificados com uma pequena seta apontando para cima ou para baixo (ascendente/descendente) ou classifique+exiba o ícone assim que o cabeçalho da coluna for clicado.

Answer 4

Eu acho que ter um pequeno ícone de flecha ou triângulo abaixo do cabeçalho da coluna, que você pode clicar para classificar por essa coluna é a melhor opção, pois é fácil ver visual e muito intuitivo de usar.

Answer 5

Pequenos ícones triangulares de classificação para cima/para baixo são praticamente padrão para visualizações de tabelas classificáveis ​​em aplicativos de desktop e páginas da web.Você pode não gostar deles, mas seus usuários provavelmente estão acostumados com eles (mesmo que não percebam).

É claro que você deve mudar o cursor do mouse sobre os elementos clicáveis.

Answer 6

Você deve sempre fazer 2 para qualquer coisa clicável.

O número 1 não é ruim, normalmente um triângulo apontando para cima ou para baixo, dependendo da ordem de classificação.

Para indicar a capacidade de clique, você também pode usar texto sublinhado em azul em colunas classificáveis ​​e texto simples em cinza escuro em colunas não classificáveis ​​- a aparência do link http é um dispositivo bem conhecido por praticamente todos os usuários, mas não transmitiria classificação por si só.Em vez disso, um usuário pode esperar que clicar nele o levará para alguma outra tela ou lista, como normalmente faz um hiperlink.

Answer 7

Eu posso ser um pouco denso, mas que tipos de colunas são não classificável?

Praticamente tudo pode ser classificado; Mesmo que não haja rigoroso relacionamento "maior que", pelo menos haverá um "igual", e então a classificação significa simplesmente "reunir coisas iguais".

Cordas? Tente uma ordem alfabética. Imagens? Classifique por porcentagem de vermelho, verde, azul (ou se você quiser se sentir sofisticado, compare histogramas de cores). Localizações? Use a distância para Roma ou qualquer outro local arbitrário.

A classificação em algumas colunas pode ser muito mais útil do que classificar outros; Mas tenho dificuldade em encontrar um tipo de coluna se fosse importante evitar classificar por acontecer.