Comment indiquer qu'une colonne dans une table est sortable (question de la conception de l'interface utilisateur)?

Question

Dans l'application que je travaille, il y a des données tabulaires (pour l'enregistrement, il est une application Java Swing en utilisant JTables). Dans certains cas, les données sont triables en cliquant sur les en-têtes de colonnes. Ce que je veux savoir est ce qui est une bonne façon d'indiquer à l'utilisateur si une colonne donnée est sortable ou non?

Je suis venu avec les possibilités suivantes.

1) placer une icône dans chaque colonne triable indiquant qu'il est triable. Personnellement, je ne l'aime pas cette option.

2) Modifiez le curseur de la souris dans quelque chose d'autre quand il passe au-dessus de la tête pour indiquer qu'il est sortable.

3) Mettez une note dans le texte de l'infobulle lors du survol de la colonne en disant qu'il est sortable.

Quelqu'un at-il d'autres suggestions?

Mise à jour:

Je pense qu'une clarification est en ordre. Ma question est pas comment peut-on indiquer qu'une colonne donnée est actuellement trié. Déjà mis en œuvre par le haut / bas paradigme triangulaire genre. Je veux donner à l'utilisateur un indice sur les colonnes peuvent être triés avant de cliquer sur l'en-tête de faire le tri.

Mise à jour 2: Je pense que je devrais expliquer pourquoi je ne suis pas entièrement vendu sur l'option # 1. Il me semble que si l'on va mettre une icône pour indiquer les colonnes sont triables alors cela va ajouter à l'encombrement visuel. Dans de tels cas, parfois l'interface utilisateur change sur « la souris sur ». Exemple:. Windows Vista et 7 permet d'ajouter un filtre sur une colonne encore l'indicateur de cela ne semble pas jusqu'à ce que vous passez la souris sur l'en-tête avec la souris

Answer 1

Lorsque vous avez affaire à l'interface utilisateur, vous devez mettre votre esprit en ce que l'utilisateur attend. Je recommande presque toujours rester avec les paradigmes que vos utilisateurs attendre. Par conséquent, je recommande une version de l'option 1)

poste de rememberme décrit comment cela pourrait fonctionner - Vous pouvez toujours utiliser des flèches en-têtes de colonnes - une option serait de mettre une icône de flèche dans l'en-tête, mais changer l'état de cette icône si elle a été triée (par exemple mettre en évidence le bouton vers le haut ou vers le bas si l'ensemble de données est actuellement triée par cette colonne.)

Edit: Un exemple de Windows Explorer ne peut être le meilleur exemple. Mon texte cité ci-dessous:

  

Dans l'Explorateur Windows et presque tous   former datagrids il y a une petite icône,   habituellement une flèche vers le haut ou vers le bas, que   indique qu'une colonne est triable.   Expérience avec Windows Explorer   voir la manière dont cela fonctionne.

Answer 2

Dans de nombreuses applications, les triangles indiquent triables je pense que c'est la meilleure façon de transmettre les informations à l'utilisateur b / c il est une norme qu'ils sont très probablement au courant.

Je pense que le plugin jquery de DataTables.Net est un bon exemple. Vous pouvez jeter un oeil et voir si vous aimez le look / fonctionnalités de cela et l'imiter. À la fois et un bas indiquent sortable. Juste un ou l'autre indiquent qu'il est trié. Si elles colonne n'est pas sortable, il n'y a pas d'icône du tout. Leur exemple modifie également le pointeur d'une flèche vers le pointeur de la main pour indiquer que vous pouvez cliquer sur l'en-tête.

Answer 3

Je pense que la manière standard est l'option essentiellement 1:. Soit afficher les données triées initialement avec une petite flèche pointant vers le haut ou vers le bas (ascendant / descendant), ou afficher sort + l'icône dès que l'en-tête de colonne est cliqué

Answer 4

Je pense avoir une petite flèche ou l'icône de triangle ci-dessous l'en-tête de colonne, vous pouvez cliquer pour trier par cette colonne est la meilleure option, car il est facile de voir visuellement et très intuitif à utiliser.

Answer 5

Peu triangulaires icônes de tri haut / bas sont assez standard pour les vues de table triables dans les applications de bureau et des pages Web. Vous ne pouvez pas les aimer, mais vos utilisateurs sont probablement utilisés pour eux (même si elles ne le réalisent pas).

Vous devriez de changer de cap le curseur de la souris sur des éléments cliquables.

Answer 6

Vous devriez toujours faire 2 pour quoi que ce soit cliquable.

Le numéro 1 est pas mal, généralement un triangle pointant vers le haut ou vers le bas selon l'ordre de tri.

Pour indiquer cliquabilité, vous pouvez également utiliser le bleu, le texte souligné sur les colonnes triables et texte gris clair foncé sur nonsortables - l'apparence de lien http est un dispositif bien connu pour pratiquement tous les utilisateurs, mais il ne serait pas transmettre sortability, par elle-même. Au contraire, un utilisateur peut attendre en cliquant que pour les emmener à un autre écran ou d'une liste, comme un lien hypertexte fait habituellement.

Answer 7

Je peux être un peu dense, mais quels types de colonnes sont pas triables?

Quasiment tout peut être triée; même s'il n'y a pas stricte « supérieure » relation, au moins il y aura un « égal à égal », puis le tri signifie simplement « mettre l'égalité des choses ensemble ».

Cordes? Essayez en ordre alphabétique. Images? Trier par pourcentage de rouge, vert, bleu (ou si vous voulez obtenir la fantaisie, comparer les histogrammes de couleur). Emplacements? Utilisez la distance à Rome ou à tout autre endroit arbitraire.

Le tri sur certaines colonnes peut être beaucoup plus utile que le tri sur les autres; mais j'ai du mal à trouver un type de colonne était il est important de éviter de tri d'avoir lieu.