it-swarm-pt.com

Quero permitir que o usuário alterne um cabeçalho de coluna para classificar uma grade por um campo de data. Como posso tornar o ASC / DSC intuitivo?

Quero permitir que o usuário alterne um cabeçalho de coluna para classificar uma grade por um campo data.

Como posso tornar a dicotomia ascendente/descendente intuitiva?


EDIT: Eu estava procurando por coluna da data soluções específicas.

7
Jim G.

A convenção é ter uma seta para cima para listas ascendentes e uma seta para baixo para listas descendentes. Isso não funciona. Nos testes de usabilidade que eu fiz, os usuários dividem igualmente se meu nome termina na parte superior ou inferior da lista, independentemente da seta exibida.

Parte do problema é que há apenas algo cognitivamente estranho em uma seta para cima, o que significa que a lista aumenta quando você vai para baixo na lista. No entanto, tentei as setas esquerda (ascendente/para frente) e direita (descendente/para trás) e ainda tinha um desempenho inaceitável.

A única coisa que achei que funciona é uma representação alfanumérica genérica dos limites. Por exemplo:

Nome (A - Z)

Tamanho do arquivo (1--9)

Data (1--12)

Descobri que não é necessário que os limites reflitam os valores mínimo e máximo verdadeiros na lista.

Depende de você se você acha que vale a pena. Os usuários com quem falei dizem que olham para os itens da lista para ver a ordem e ignoram os símbolos no cabeçalho. Talvez isso seja bom o suficiente para a sua situação.

12
Michael Zuschlag

A maneira preferida de fazer isso parece ser com um triângulo "para cima" (▲) para subir e um triângulo "para baixo" para descer (▼).

3
Marcos Crispino

Desculpe por postar isso como resposta, não tenho certeza se essa é realmente uma resposta. Mas ainda não posso comentar.

Eu vejo dois problemas diferentes aqui. Primeiro, se a ordem crescente deve ser representada por um triângulo apontando para cima ou para baixo (ou ícones semelhantes). Segundo, se este ícone representa o estado atual (agora) ou futuro (após clicar).

Quanto ao primeiro problema, como um usuário do Windows (e talvez devamos ver o sistema operacional ou outra convenção de interfaces de usuário amplamente usada pela maioria de nossos usuários-alvo para decidir), minha intuição diz que seta para cima é crescente (a >> z, 1> > 9), mesmo que os resultados sejam mostrados de cima para baixo. Mas não há estudo/evidência que eu possa mostrar aqui.

Para o segundo problema, pareço @Wilbert respondendo em esta discussão , com a seguinte conclusão:

(...) não está claro se o símbolo do cabeçalho da coluna mostra o critério atualmente usado para classificação ou age como um botão que classifica de acordo com o símbolo quando clicado.

Bem, eu concordo com ele. Então, eu estava pensando em duas situações que podem fazer mais sentido para mim:

  1. Usamos o símbolo de classificação apenas na coluna em que a classificação está sendo aplicada e representa a classificação atual; ou
  2. Usamos o símbolo de classificação em todas as colunas, mas representando o estado futuro após o clique.

As primeiras opções parecem mais intuitivas para mim, pois a coluna escolhida para classificação e a classificação são explícitas para o usuário. Por outro lado, o usuário não possui meios explícitos para saber que clicar no cabeçalho de uma coluna classificará os resultados (embora isso seja um senso comum). Portanto, esta é a opção que eu aplicaria.

A segunda é exatamente o oposto: embora se torne mais explícito para o usuário que clicar nas colunas classificará os resultados, não está claro qual é o critério de classificação atual (a coluna de classificação e a direção da classificação).

Eu adoraria ouvir que existe uma convenção amplamente usada, mas até onde pude encontrar até agora, não existe. = /

2
ricardo.scholz

Outra possibilidade é usar pequenos gráficos de barras ascendentes e descendentes.

Por exemplo ascending sort

1
Naveen M.