Label "Menu" ou icône "hamburger" ?
07 Février 2014
En tant que développeurs web, on voit nos environnements évoluer et nous sommes capable de nous habituer très vite aux changements sans s’en rendre compte. Mais pour les personnes qui ne baignent pas dedans tout au long de la journée, ces changements devenus invisible à nos yeux, ces nouveautés devenues communes ne sont pas faciles à appréhender et demeures parfois complètement obscures pour certains utilisateurs…
C’est sur Twitter que je suis tombé ce matin sur un lien vers ExquisiteTweets de Luke Wroblewski qui est une discussion suite à un tweet dans lequel il s’étonnait d’avoir un overlay pour expliquer que l’icône «Hamburger» permettait d’afficher le menu de l’application.
En lisant les tweets exquis de la discussion, on se rend compte que le symbôle des trois tirets représentant le menu n’est pas forcément bien reconnu par les utilisateurs dans la majorité des tests utilisateurs et parfois même mal compris («An Apple thing» pour certains utilisateurs).
A la fin de la lecture de la discussion, il est apparu que l’icône était mieux comprise par des utilisateurs jeunes alors que des utilisateurs d’un âge certains ne comprenait tout simplement pas ce que faisait cette icône ou ne la voyait tout simplement pas !
En tout cas, si les jeunes utilisateurs ne sauront généralement pas reconnaître une disquette pour l’icône qui permet de sauver un document, les utilisateurs moins jeunes ne sauront pas que l’icône «Hamburger» permet d’afficher le menu d’une application ou d’un site web. Dans ce cas, la bonne pratique consiste à remplacer l’icône «Hamburger» par un label «Menu», tout simplement.
En revanche, on a toujours pas trouvé d’alternative à la disquette pour «Sauver», ce n’est pas faute d’avoir essayer mais c’est un autre problème…