Entre logique et symbolique, ces flèches de tri qui veulent tout dire

Le 25 juin 2008 à 12h30 | Publié sous | 20 commentaires

La signalétique est une des rares disciplines non scientifiques à véritablement tendre vers l’universalité, par delà les langues et les cultures, même si ce n’est pas toujours gagné. Que se passerait-il si dans un pays notre panneau “sens interdit” se mettait soudain à signifier “autoroute à péage”, ou si le signal autorisant à faire du feu y signifiait “attention, produit hautement inflammable” ? Où que l’on aille, la couleur rouge signifie “danger”, la jaune “attention” et la bleue “information”.

Sur le web, les codes ne sont malheureusement pas toujours aussi bien définis, et il peut arriver qu’un même pictogramme signifie une chose et son contraire, selon que l’on s’attache à la logique ou à la symbolique. J’ai d’ailleurs rencontré le cas pas plus tard qu’hier, avec les flèches de tri placées dans les en-têtes d’un tableau, qui indiquent si le tri est effectué dans l’ordre croissant ou décroissant.

flèche de tri

Pour mon interlocuteur, une flèche positionnée pointe en haut signifie que les éléments du tableau sont affichés dans l’ordre croissant. La pointe en bas, elle, indique un ordre décroissant. Pour moi, c’est exactement le contraire. Une flèche la pointe en bas signifie que les éléments sont affichés dans l’ordre croissant, tandis que la pointe vers le haut signifie l’ordre décroissant.

Pourquoi une telle différence de compréhension ?

Pour mon interlocuteur, la pointe de la flèche, plus étroite, correspond à l’élément le plus petit. La base de la flèche, plus large, à l’élément le plus grand. Il fait une lecture symbolique de celle-ci.

Pour moi, la point de la flèche indique le sens de lecture du tableau. Une pointe vers le bas signifie donc que le premier élément de la liste se trouve sur la première ligne, une pointe vers le haut qu’il se trouve sur la dernière. J’en fais donc une lecture logique.

Et vous, cette flèche, vous la comprenez comment ?

  1. Scienceo 17 minutes later:

    Très bonne réflexion ! Pour ma part, il me semble que la lecture symbolique d’un symbole est tout de même logique. Même s’il est vrai que la lecture que vous appelez lecture logique se défend !

  2. la lène 39 minutes later:

    Moi je le vois comme ton interlocuteur ! ;)

  3. Olivier about 1 hour later:

    Je pense comme ton interlocuteur :

    A-Z : flèche haut, croissant Z-A : flèche bas, décroissant

    c’est en général ce que je peux voir sur les sites.

  4. pouype about 1 hour later:

    Pareil, flèche vers la bas: décroissant, flèche vers le haut, croissant.

    Le problème dans ton cas ne serais pas que la flèche puisse être interprété comme un triangle ?

  5. Edouard Seynaeve about 1 hour later:

    Bah… de toute façon elle est en bleue et n’est donc que informative.

  6. NiKo about 1 hour later:

    Je me range également à l’avis de ton interlocuteur, mais ce système l’a toujours fortement déplu, notamment dans le cas d’une unique flèche à double emploi (asc puis desc ou inversement), où il faut alors un deuxième clic pour obtenir le comportement inverse de celui proposé par le premier. PhpMyAdmin est un bel exemple de ce qui me hérisse le poil dans le domaine du tri sur des données tabulées, par exemple (et sur beaucoup d’autres point s d’ailleurs, mais je m’égare).

    Pour ce qui est tri de colonnes, je préfère personnellement largement un libellé explicite (boite déroulante, boutons radio) mais les designers/clients/ergonomes 2.0 se rangent rarement à cet avis :-)

  7. spud about 2 hours later:

    décroissant pour ma part.

  8. Skys0 about 2 hours later:

    J’ai la même approche que ton interlocuteur.

  9. Canardo about 3 hours later:

    Idem que ton interlocuteur, et j’avoue que je ne comprend pas ta logique. “Pour moi, la point de la flèche indique le sens de lecture du tableau. Une pointe vers le bas signifie donc que le premier élément de la liste se trouve sur la première ligne, une pointe vers le haut qu’il se trouve sur la dernière. J’en fais donc une lecture logique.”

    le 1er élément de la liste n’a aucun sens, s’il est dissocié de l’ordre de tri. Donc selon ta logique, l’ordre de tri n’est pas indiqué par la flèche, qui perd alors tout son sens (si ce n’est indiquer qu’un tri à été fait sur la colonne en question, sans préciser son sens).

  10. Nicolas Hoizey about 3 hours later:

    Je pense comme toi, mais j’ai plusieurs commentaires, développés ici : http://www.gasteroprod.com/blog/en-ergonomie-le-choix-des-bons-symboles-est-primordial.html

  11. Canardo about 3 hours later:

    Je crois que tu as un petit soucis de commentaires en double (mon navigateur : FF 3 sous Windows XP)

  12. jblanche about 4 hours later:

    Je le lis comme ton interlocuteur, de manière symbolique.

  13. Skys0 about 5 hours later:

    Après 2h, ce billet me travaille beaucoup ^^

    Et en le relisant pour la n-ième fois, je rejoins finalement ton avis… comme quoi ce n’est pas si simple et qu’il y a matière réflechir

    Ps: même souci de commentaires en double sur FFx 3.0 + OsX

  14. grima about 6 hours later:

    Pareil que toi, j’y vois une flèche, et donc un sens de progression.

    C’est d’ailleurs le même genre de symbole qui orne des zones de textes (ou de formulaire) repliable.

    Est-ce que le dilemme ne pourrais pas se résoudre par l’emploi d’une icône avec une véritable flèche et non pas un simple triangle ?

  15. Eric about 23 hours later:

    Si la colonne contient du texte ou un classement (1 à n), une flèche de haut en bas m’incite à penser à un contenu dans l’ordre croissant. En fait la pointe vers le bas me semble le sens “naturel” d’une telle flèche, et donc je m’attends à voir l’ordre “naturel” pour la colonne : de A à Z et de 1 à n.

    Si la colonne contient une mesure, une quantité, un poids, là c’est beaucoup plus flou. Parce que là des fois je réagis comme pour un texte/classement, et des fois je me dis “le gros de la flèche est en haut, donc les valeurs les plus grosses sont en premier” (ce qui contredit mon premier paragraphe). Pire, pour les mêmes données, le même sens de flèche, pour l’avoir expérimenté je sais que différents styles de flèches (grosseur, couleur, hauteur) peuvent m’inciter à penser deux choses opposées.

    Du coup :

    • Je rejoins grima, une flèche réelle et pas un simple triangle peut probablement aider plus de gens à rejoindre la même vue (flèche vers le bas = A en haut et Z en bas, petit en haut et gros en bas).

    • Il faut que le tri soit très rapide si on met des flèches, pouvoir recliquer si ça ne correspond pas. Si le tri est lent, il vaut mieux passer par un formulaire plus haut avec une liste déroulante “croissant”/”décroissant”.

    Attention aussi aux bulles d’aide. Si en passant au dessus de la flèche j’ai “croissant”, est-ce que ça correspond au statut actuel ou au statut si je clique sur le bouton ? Le texte doit absolument éclaircir ce point (avec un texte qui implique une action pour qu’on sache qu’il s’applique au futur statut et pas à l’actuel (du type “inverser l’ordre de tri” ou “utiliser un ordre croissant”)

  16. Anthony 1 day later:

    C’est marrant j’ai justement eu cette discussion avec un collègue lors d’un projet récent de stats dont les colonnes sont triables. Moi je rejoignais l’avis de ton interlocuteur et mon collegue la tienne. Et cette différence de signalétique est notamment présente entre Ubuntu et Windows : en effet si on regarde le tri des colonnes en mode listes dans les explorateurs de fichiers, on voit cette même différence de signalétique.

    • pour ubuntu, la fléche indique le sens de lecture du tableau
    • pour window (xp), la fléche indique l’ordre de tri

    On a finalement choisi de suivre l’approche de Windows, afin de ne pas dérouter les utilisateurs qui sont tous windowsiens.

  17. Seb 1 day later:

    Est ce que finalement le mieux n’est pas de faire comme excel et son bouton de tri: une flèche (pas un triangle) + A-Z ou Z-A selon le sens…ça prend un peu plus de place mais au moins ça lève l’ambigüité !

  18. nud 3 days later:

    Et si on sortait un peu du web pour voir ce que le même triangle signifie dans le cadre des applications courantes Windows, MacOSX, Gnome ou KDE ? Car on a beau dire, mais ça joue beaucoup dans la compréhension de l’interlocuteur.

    Moi je comprends le triangle comme toi, et pour cause: c’est la signification qu’elle a dans les listes Gnome (que j’utilise). Quelle est sa signification pour les trois autres environnements?

  19. nud 3 days later:

    Sinon, encore une chose: je crois que tous les environnements ont la même métaphore à ce sujet, car il me semble que “plus grand, plus petit” n’a de sens que pour les données numériques: comment peut-on affirmer que “zoo” est plus grand que “animal” ?

  20. Olivier 4 days later:

    Pour ma part je partage ton sentiment : flèche pointée vers le bas indique l’ordre “naturel” de lecture, à savoir croissant, alphabétique ou chronologique).

    Il s’agit bien là de conventions, et je rejoins nud sur l’ergonomie de base à l’origine de nos réflexes : c’est bien vers notre OS qu’il faut se tourner. C’est bien lui qui nous a façonné et donné tous nos réflexes.

    Etonnant : je viens de publier il y a quelques minutes un billet traitant de ces “conventions” du design (Le jeu des 7 différences ou l’importance du design dans votre positionnement). Tout se rejoint !

Merci de vous exprimer dans un français correct. Les commentaires déplacés, injurieux et le spam seront supprimés.

Les trackbacks sont fermés pour cause de spam.