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 Ergonomie web et logicielle

Mots clés design, symbolique, tri, webdesign, tableau, ordre

Si cet article vous a plu, n'hésitez pas à me suivre sur Twitter.

22 commentaires sur Entre logique et symbolique, ces flèches de tri qui veulent tout dire »

Par 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 !
Par la lène le 25 juin 2008 à 13h09 :

Moi je le vois comme ton interlocuteur ! ;)
Par 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.
Par 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 ?
Par Edouard Seynaeve le 25 juin 2008 à 13h39 :

Bah… de toute façon elle est en bleue et n’est donc que informative.
Par 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 :-)
Par spud le 25 juin 2008 à 14h31 :

décroissant pour ma part.
Par Skys0 le 25 juin 2008 à 14h44 :

J’ai la même approche que ton interlocuteur.
Par 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).
Par 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
Par 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)
Par jblanche le 25 juin 2008 à 16h30 :

Je le lis comme ton interlocuteur, de manière symbolique.
Par 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
Par 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 ?
Par 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”)
Par 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.
Par 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é !
Par 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?
Par 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” ?
Par 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 !
Par toupil le 23 juillet 2009 à 13h39 :

Comme ton interlocuteur, et c’est vrai que je me suis jamais posé la question.
Par 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 !