Non, les icônes
Non, les icônes ce n’est pas amusant. Non, les icônes ce n’est pas plus facile à lire que du texte. Non, les icônes.
Mon premier projet, mon premier icône
Je me souviens de mon premier vrai projet en informatique. J’étais étudiant, j’étais plein d’acné et je ne possédais aucune qualité sociale… la belle vie. Après des mois de pseudo-code, je voyais la lumière au bout de la boîte noire : un projet de caisse enregistreuse informatisée. J’étais tellement excité. J’ouvre avec empressement Delphi 2.1 et je me mets à drag/dropper des boutons, des listes et des boîtes de texte. Je mets des couleurs pour être original (j’adorais la couleur teal). C’est à ce moment que la fantaisie a embarqué. Je vais voir dans la banque d’icônes fournie par Delphi et je trouve l’Icône (avec un grand I) : une porte ouverte pour l’action de Quitter. Complètement satisfait, je me mets à coder. J’en ai eu pour des semaines.
À la fin du projet, chaque personne a fait une démonstration de sa caisse. Qu’est-ce que je vois? Des centaines et des centaines d’icônes, beaucoup ne provenaient même pas de la banque fournie avec Delphi. Je ne m’étais jamais senti aussi nul.
Les légendes
Il y a aussi les légendes. Je me souviens d’un endroit où j’ai travaillé et où les gens aimaient bien les icônes. Une image, c’est représentatif de l’action que l’on veut faire non? Donc, il y a une légende qui dit que ces gens qui aimaient bien les icônes avaient créé une image pour mener à la page de Support à l’utilisateur. L’image utilisée? Un support…. pour le linge… un cintre si vous aimez mieux. J’ai même entendu un vieil indien raconter que les gens qui aimaient bien les icônes avait utilisé une image de mouton pour l’action de copier. Pourquoi un mouton? Vous vous souvenez de Dolly? C’était un mouton qui a été cloné… ou copié si vous préférez. Mais ces deux icônes, je ne les jamais vu. Pour l’instant ce ne sont que des légendes. Je vais tout de même y croire, jusqu’à preuve du contraire.

Cette image me donne une folle envie de copier…
Ce qu’on en apprend
Après avoir obtenu mon dîplômê (quelqu’un sait où va l’accent circonflexe?) en informatique, j’ai entendu parler qu’une équipe du projet caisse enregistreuse informatisée s’était parti une compagnie… de caisses enregistreuses informatisées. Vous l’aurez deviné, c’était le projet qui contenait le plus d’icônes. L’entreprise a été un échec. C’est à ce moment que j’ai compris que derrière les icônes, il faut des idées.
J’ai de plus en plus l’impression que les icônes n’expriment rien, ils ne font que prendre moins de place dans les interfaces. C’est pourquoi que les programmeurs les aiment tant. Il n’y a pas assez de place pour tous les boutons avec le texte à l’intérieur? Simple. On va mettre des icônes. Il n’est pas question d’enlever certaines fonctionnalités ou informations inutiles pour l’utilisateur. La plupart des utilisateurs ne comprennent pas l’icône? Simple. On va mettre un texte qui s’affiche lorsque la souris est au-dessus de l’icône pendant plus d’une seconde. Voilà le genre d’erreur que l’on voit beaucoup trop souvent.
Comment on lit du texte
On entend souvent dire que c’est mieux d’utiliser les icônes parce que “c’est plus visuel”. C’est tout à fait faux. Je n’écrirai pas un livre là-dessus (ni un article) mais quand nous lisons, nous ne comprenons pas les mots en lisant chaque lettre séparément mais nous voyons le mot comme un tout. Le mot est associé à une image de la forme du mot. C’est pour ça que les mots que nous ne sommes pas habitués de lire se lisent plus lentement et que les mots contenart une petite erreur sont difficilement détectable par l’humain.
Avouez que vous avez passé par-dessus le mot contenant sans vous rendre compte que j’ai remplacé le n par un r. Ce sont deux lettres qui se ressemblent beaucoup et qui donne une “image” très semblable du mot.
Il faut que je l’apprenne
Pour “lire” un icône aussi rapidement qu’un mot, il faut que je sois très à l’aise avec, que je l’utilise des dizaines de fois par jour. La preuve que ça marche, si je vous montre ces icônes
, vous savez ce qu’ils veulent dire. L’association se fait certainement aussi rapidement qu’avec le mot lui-même. C’est parce que ces images sont standardisées et utilisées partout. Est-ce que vous liriez aussi rapidement l’icône copier si c’était un mouton? Non. Si ce mouton avait été réutilisé dans la grande majorité des applications? Oui. Dans ce cas, le lien serait aussi rapide dans votre tête qu’avec le mot.
C’est pourquoi les icônes qui peuvent être utilisées dans les applications sont d’un nombre limité.
Je me rend compte que tu as absolument raison. Je me suis surpris à tripper littéralement sur la banque d’icônes gratuite de http://www.famfamfam.com. Quelque part dans mon inconscient je me suis même dit que j’en utiliserais partout parce qu’ils “lookaient”. Mais dans le fond, plusieurs ne veulent rien dire au premier coup d’oeil.
J’aime toujours ça les icônes mais je pense que le best c’est quand ils sont évidents à comprendre ou encore accompagnés d’un texte.
Je monte une interface pour PDA ces derniers temps et laisse moi te dire que c’est dur de s’en sortir sans icône. Des jumelles, une clé, une loupe… je sais pu quoi mettre pour exprimer les nombreuses options.
Au fait, tu parles des icônes Coupier/Copier/Coller… j’ai aucun problème avec le Couper et presque pas de problème avec le copier… mais le coller?? C’est quoi ça? Pourquoi une valise? Je l’ai jamais compris et c’est même cet icône que j’arrive jamais à me rappeler c’est quoi encore aujourd’hui.