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

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 ?

Publié le 25 juin 2008 à 12h30 Publié sous et Labels ordre, design, symbolique, webdesign, tri, tableau

À propos

Frédéric de Villamil

Je m'appelle Frédéric de Villamil, et quand je ne déploie pas ma mauvaise humeur et ma mauvaise foi sur le Web, je suis un super héros chargé de sauver le monde. Vous pouvez me suivre sur Twitter.

  1. Scienceo le 25 juin 2008 à 12h46

    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 le 25 juin 2008 à 13h09

    Moi je le vois comme ton interlocuteur ! ;)

  3. Olivier le 25 juin 2008 à 13h21

    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 le 25 juin 2008 à 13h32

    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 le 25 juin 2008 à 13h39

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

  6. NiKo le 25 juin 2008 à 13h59

    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 le 25 juin 2008 à 14h31

    décroissant pour ma part.

  8. Skys0 le 25 juin 2008 à 14h44

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

  9. Canardo le 25 juin 2008 à 15h16

    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 le 25 juin 2008 à 15h17

    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 le 25 juin 2008 à 15h31

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

  12. jblanche le 25 juin 2008 à 16h30

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

  13. Skys0 le 25 juin 2008 à 17h03

    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 le 25 juin 2008 à 18h19

    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 le 26 juin 2008 à 11h52

    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 le 26 juin 2008 à 12h29

    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 le 26 juin 2008 à 12h41

    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 le 29 juin 2008 à 11h51

    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 le 29 juin 2008 à 11h54

    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 le 29 juin 2008 à 15h50

    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 !

  21. toupil le 23 juillet 2009 à 13h39

    Comme ton interlocuteur, et c’est vrai que je me suis jamais posé la question.

  22. Alphonse le 24 septembre 2009 à 15h07

    Moi je me suis posé la question (car je l’ai mis en pratique sur un site Internet) et je l’interprète comme ton interlocuteur !

Réagir à Entre logique et symbolique, ces flèches de tri qui veulent tout dire

Afin de maintenir le niveau global de ce site, les commentaires font l'objet d'une politique de modération qualitative basée sur des critères non écrits et totalement subjectifs, donc injustes.

Les commentaires écrits en langage SMS, inutiles, déplacés, injurieux ou relevant du spam seront systématiquement supprimés sans avertissement préalable.

Les trackbacks sont fermés pour cause de spam.