Quelle direction les flèches doivent-elles pointer dans une table sortingée?

Dans une table sortingée, il est courant d’avoir une flèche vers le haut ou une flèche vers le bas indiquant le style de sorting. Cependant, j’ai du mal à déterminer quelle direction la flèche doit pointer. Dans un sorting ASC, les caractères sont sortingés 1-9A-Za-z. La flèche doit-elle être orientée vers le haut ou le bas?

J’ai trouvé des implémentations des deux sur le Web, donc cela ne m’a pas beaucoup aidé: Up and Down (il faut d’abord créer la table).

Y a-t-il une règle ssortingcte pour cela? Je me trouve capable de justifier les deux implémentations. Quelle méthode utilisez-vous? Quel est le plus intuitif pour vous et pourquoi?

Edit: Certains d’entre vous ont suggéré des implémentations alternatives telles que des barres montantes ou des lettres avec une flèche indiquant la direction du sorting. Excellentes suggestions. Je suis définitivement ouvert à d’autres options. Le moins ambigu, le meilleur. Cela peut être difficile, mais j’aimerais vraiment que la confusion soit minime ou nulle de la part de l’utilisateur.

Edit: Je me suis retrouvé avec les barres montantes et descendantes pour le moment. Ce n’est pas standard, mais semble moins ambigu que les sortingangles. La colonne de sorting actuelle indique trois barres, petites à grandes (de gauche à droite) pour ASC, l’inverse pour DESC. Les autres colonnes sortingables ne comportent pas de barres par défaut, mais le fait de passer le curseur sur un en-tête de colonne pouvant être sortingé (y compris le titre actuel) indique la manière dont la table sera sortingée en cliquant dessus.

Dans le Finder classique, Apple n’utilisait pas de flèches. à la place, il y avait une petite icône qui ressemblait à trois (ou quatre?) lignes horizontales de longueur croissante ou décroissante. à première vue, c’était comme un sortingangle; mais en le regardant, il était clair si cela devenait plus gros ou plus petit.

d’autres interfaces graphiques (KDE, par exemple) utilisent des sortingangles, mais la plupart des gens les interprètent comme des flèches, ce qui rend le message ambigu.

Je ne les considère pas comme des flèches, mais comme un mnémonique visuel de l’état actuel. Ainsi, l’affichage d’un sortingangle pointant vers le bas montre l’ordre décroissant. Il est visuellement aligné avec l’icône avec le plus grand élément (base du sortingangle) en haut de la liste et le plus petit (point du sortingangle) en bas.

J’ai toujours été avec les éléments suivants:

  • Ascendant – Flèche vers le haut
  • Descendant – Flèche vers le bas

À mon avis, la représentation visuelle de la flèche pointant vers le haut / bas explique le plus fidèlement l’ordre de sorting.

J’ai fait des tests d’utilisabilité à ce sujet. Il ne semble pas y avoir d’interprétation cohérente chez les utilisateurs quant à la signification des flèches. Je semble rappeler que même chaque utilisateur n’était pas cohérent, pensant que la flèche vers le bas signifiait monter dans un cas et descendre dans un autre. J’ai essayé des flèches vers la gauche et la droite (sorting vers l’avant ou vers l’arrière), mais elles n’ont pas pu être interprétées de la même manière. J’ai essayé de montrer l’état actuel et de montrer l’état qui en résulterait. Ni travaillé.

Ce qui a fonctionné était une représentation textuelle schématique de l’ordre de sorting: «A..Z» et «Z..A» pour l’alpha, «1..9» et «9..1» pour le numérique, «1..12 ”Et“ 12..1 ”pour les dates (le test d’utilisation utilisait le format de date mm / jj / aa).

Afficher ce texte en lecture seule indiquant l’état actuel. Placez un bouton à côté du texte pour définir ou permuter l’ordre de sorting.

N’a pas essayé l’icône de barre ascendante / descendante, mais je pense que cela peut se heurter à des difficultés là où «plus gros» est ambigu. Par exemple, une date plus ancienne dans le passé est-elle plus longue (plus ancienne) ou plus petite (plus proche de l’heure 0) qu’une date plus récente? La priorité 1 est-elle plus grande ou plus petite que la priorité 2? Grade A plus grand ou plus petit que le grade B? D’ailleurs, qui, à part les geeks, pense que «Zuschlag» est beaucoup plus grand que «Abbott»? Non pas que je prenne ça personnellement, bien sûr.

Pour certaines raisons, je pense que c’est toujours en arrière. Pour moi, la flèche / le sortingangle pointant vers le bas devrait représenter la manière dont je lis habituellement les choses (de haut en bas -> de a à z) et la flèche pointant vers le haut est inversée par rapport à la lecture (de z à a). Mais ce n’est que moi, puisque la plupart des interfaces utilisateur les plus répandues (Mac, Windows, etc., etc.) l’utilisent autrement, elles doivent savoir quelque chose :).

Dans tous les cas, la cohérence avec ce à quoi l’utilisateur est habitué est une bonne option.

Mon préféré est en fait la façon dont Excel le gère – n’utilisez pas de flèche, mais une icône personnalisée avec

A | ZV 

pour le sorting croissant et

 Z | AV 

pour le sorting descendant Personne ne se demandera jamais de quelle manière vous sortingez.

Maintenant, si vous ne pouvez pas utiliser une icône personnalisée, mais plutôt avoir besoin d’un caractère imprimable, je dirais que les gens sont à peu près aussi confus. Windows utilise la “petite partie de la flèche qui correspond à une valeur inférieure” pour l’explorateur, c’est-à-dire que le sorting ascendant pointe vers le haut. Mais beaucoup d’autres sources supposent que la base de la flèche commence à la valeur la plus basse et pointe dans la direction du sorting, ce qui, franchement, a autant de sens que toute autre chose. En d’autres termes, la moitié de vos utilisateurs devront probablement s’ajuster dans un sens ou dans l’autre.

J’aime:

  • flèche vers le bas pour l’ordre croissant
  • flèche vers le haut pour l’ordre décroissant

Pourquoi? Parce que j’ai l’impression que j’ai juste sortingé la page. J’ai cliqué sur le titre et c’était “Wow! Trié de haut en bas”. Pourquoi “de haut en bas” est appelé ascendant, c’est parce que les chiffres / lettres deviennent plus élevés à mesure que l’ordinateur écrit à l’écran. Le contraire pour la descente. Cependant, la liste descend en fait de haut en bas de l’écran – a à z. Lorsque vous le commandez dans l’autre sens, le début de la liste se trouve en bas de l’écran.

Donc, pour la logique mentale humaine physique – le genre qui signifie que dans le sens des aiguilles d’une montre est proche et dans le sens antihoraire est ouvert, il est logique d’ignorer comment la machine sortinge et produit les données, début (valeurs les plus petites) et en haut du papier, puis avance jusqu’à la fin (valeur la plus grande) sur le papier.

La raison pour laquelle le début est le plus petit est que 1 vient avant 2 et que l’alphabet romain commence par A et se termine par Z. C’est donc une sorte de défaut pour nous, les humains, à ce stade. Nous écrivons de haut en bas et de gauche à droite. Cela a à voir avec la docilité et la façon dont nous tenons le papier – je pense. Je ne suis pas en fait spécialiste de l’interface humaine. Je viens de penser à pourquoi cela semble plus naturel. Les gars de KDE sont des spécialistes de l’interface humaine. Jetez un oeil à la façon dont l’oxygène est fait.

À mon avis, tout va bien, c’est un sortingangle qui montre que les données sont les plus petites à grandes. Encore une fois, c’est plutôt technique et à première vue, l’humain pourrait ne pas “comprendre”.

L’autre chose que vous devez prendre en compte est de savoir si la flèche représente la direction de sorting actuelle ou la direction de sorting qui sera appliquée si vous cliquez sur la flèche. (Pas toujours évident du contenu du tableau car il peut y avoir des flèches sur chaque colonne)

Désolé d’append à la confusion, mais vous devez considérer cela.

La clarification de ce sharepoint vue peut être partiellement réalisée en ajoutant une infobulle appropriée à la flèche.

Je m’attends à ce que les flèches indiquent l’état actuel (pointant vers le haut lorsque la liste est en train d’augmenter). C’est ce que Windows Explorer fait dans la vue Détails.

Une flèche pointant vers le haut signifie généralement plus grande ou plus grande, ce qui devrait être utilisé pour l’ordre croissant. Une flèche pointant vers le bas signifie généralement que quelque chose est plus petit ou devient plus petit et doit être utilisé pour l’ordre décroissant.

“Y a-t-il une règle ssortingcte pour cela?” – Apparemment non, puisque vous avez trouvé des exemples des deux.

Pour la cohérence générale, je dirais que la flèche devrait pointer vers le haut pour descendre, pour descendre. Cela est cohérent avec Windows (cliquez sur un en-tête de colonne dans l’Explorateur) et Office (filtrez / sortingez une colonne dans Excel).

Le meilleur endroit pour vérifier, à mon avis .. serait de grands sites Web d’entreprise comme amazon , dabs, etc., car ce sont les utilisateurs les plus habitués.

Je pense que tout le monde est d’accord pour dire que la direction de la flèche exige que les utilisateurs réfléchissent à sa signification. Que signifie une flèche vers le bas? AZ ou ZA? Qu’est-ce que cela signifie quand on sortinge les dates? Ce n’est clair que lorsque l’utilisateur regarde les données sortingées réelles.

Pour cette raison, je trouve préférable de ne pas utiliser d’indication de direction . Il suffit d’indiquer que les lignes sont sortingées par une colonne donnée. Il est important de savoir de quelle manière les utilisateurs s’attendent généralement à ce que les lignes soient sortingées pour le premier clic. Le deuxième clic inverse l’ordre, le troisième clic désactive le sorting.

Je l’ai mis en œuvre plusieurs fois et les utilisateurs n’ont aucun problème à classer les lignes par différentes colonnes comme elles le souhaitent.

Rappelez-vous que d escending est pour d propre. Donc, je voudrais utiliser la flèche vers le bas pour descendre. Mais, de toute façon, je me trompe toujours. Je vous recommande d’utiliser plutôt des lettres comme AZ et ZA au lieu des flèches. Ou bien, utilisez-les conjointement avec les flèches.

Il n’y a pas de règle ssortingcte, mais la meilleure approche consiste à réduire la complexité apparente pour l’utilisateur, en utilisant le meilleur mappage des flèches vers le haut et vers le bas pour la terminologie “croissant” et “décroissant”.

Notez que la plupart des concepts non numériques n’ont pas un mappage naturel fort vers le haut ou le bas. Est-ce que les lettres / mots vont “en haut” ou “en bas” dans le dictionnaire? Qu’en est-il des dates et des heures? Là où il est ambigu, je crois qu’il n’ya pas de “bonne” réponse – je recommande d’autoriser “Décroissant” à représenter l’ordre de sorting le plus utile pour la cohérence, car l’utilisateur est susceptible de penser que les yeux baissés. Laissons de côté les représentations numériques car les utilisateurs de la plupart des applications ne connaissent pas ou ne se soucient pas de la représentation interne. Par conséquent, le sorting alphabétique pourrait être “décroissant” pour AZ et l’heure pourrait être décroissante, la plus récente en premier. La bonne nouvelle est que, tant que le premier clic donne à l’utilisateur le comportement de sorting auquel ils s’attendent, et que le second l’inverse, ils ne se soucient généralement pas de savoir lequel des deux modes est utilisé.

Ce défi concernant le bon sorting à faire “en premier” (en montrant le contenu ou en sortingant sur une nouvelle colonne) est l’implication la plus importante de la question. Le type ET l’utilisation prévue des informations déterminent le sorting. Alphabétique devrait toujours par défaut AZ, “décroissant” par ma logique ci-dessus. Les nombres varient beaucoup plus en fonction de l’utilisation: les nombres qui représentent des identifiants séquentiels, par exemple, un identifiant d’employé serait croissant (1-10), tandis que le sorting sur les quantités ou le prix serait généralement décroissant pour amener les valeurs les plus importantes. Le temps varie également – le plus récent en premier (“décroissant”) fonctionne généralement, mais dans certains contextes, le plus ancien devrait figurer en premier.

C’est une question très controversée. Mais voici une solution logique et la raison pour laquelle je l’ai choisi:

Solution:

Si vous utilisez une flèche pour afficher l’ordre de sorting dans une colonne de tableau, il est préférable d’utiliser une flèche vers le bas pour augmenter et inversement.

Les raisons:

  1. Si nous nous référons à une image ou à un graphique, où la traversée visuelle et la traversée basée sur la valeur sont toutes deux dans la même direction, utiliser “Ascendant” ou “Descendant” servira son but comme prévu. Mais en ce qui concerne les tableaux, la principale source de confusion est que les valeurs sont traversées à des valeurs plus élevées (vers le haut, mais seulement conceptuellement), mais que la direction de la traversée visuelle est vers le bas. Et comme une flèche est un indice visuel (direction), il peut être plus facile pour quelqu’un de mieux comprendre le parcours directionnel.

  2. Pour beaucoup de personnes, le concept de montée et de descente est compréhensible en termes de valeurs. Mais dans certains cas, les utilisateurs de cette table peuvent ne pas connaître ces concepts. Par exemple, quelqu’un qui n’est jamais allé à l’école ou un enfant de l’école primaire ou quelqu’un de complètement nouveau dans le monde numérique. Pour eux, le concept directionnel sera plus facile à comprendre. Comme en az, vers le haut ou vers le bas. Comme dans 1-9 vers le haut ou vers le bas. Il est à noter que les utilisateurs instruits ou expérimentés peuvent le comprendre de toutes les manières (la 4ème raison).

  3. La raison suivante est que, que nous soyons maîtres dans les tables numériques ou non, nous avons toujours écrit des listes et des tableaux. Et dans presque tous les cas, nous l’écrivons par ordre croissant dans les directions inférieures. Donc, il est quelque peu câblé à notre cerveau.

  4. Enfin, la confusion sur cette question a toujours existé et une méthode universelle est toujours préférable. À ce jour, j’parsing toujours comment les valeurs sont sortingées pour voir si elles sont en ordre croissant ou décroissant. Les flèches directionnelles n’ont jamais été utiles car elles ne sont pas fiables. Pour les utilisateurs instruits ou expérimentés, sachant que la commande ne sera pas immédiatement un problème. Lorsque nous créons un standard universel, nous devons veiller à ce que chaque utilisateur probable soit capable de le comprendre …

Comment je l’utilise:

J’utilise une flèche en queue pour les nombres, les alphabets ou toute autre valeur augmentant progressivement en traversant cette direction.

Comme les valeurs augmentent (par défaut), l’utilisateur peut l’appeler Ascendant s’il le souhaite, mais la flèche est vers le bas. Cela m’aide également à sortinger les «ensembles de mots» (par exemple, le statut d’un enregistrement dans la table. Il se peut qu’il ne soit pas sortingé par ordre alphanumérique, mais par ordre de progression).

J’espère que cela a aidé.

entrer la description de l'image ici

Ascendant : Flèche vers le haut
Descendant : Flèche pointant vers le bas

Trucs à retenir:

  • Alphabets:

    • Un scending ie ABCD
    • D en escale c’est-à-dire DCBA
  • Nombres:

    • A = 1, B = 2 … Z = 26.
    • Ascendant ABCD so 1 2 3 4 ie petit à grand
    • DRASA descendant donc 4 3 2 1 c’est-à-dire grand à petit
  • Rendez-vous amoureux:

    • La date est en réalité convertie en un nombre, elle augmente à la base du jour, donc cela fonctionne à nouveau un système de nombres. aujourd’hui est plus grand qu’hier, aujourd’hui est plus petit que demain.