Vous ne comprenez pas les icônes

Miratech a mené une enquête pour déterminer si les icônes étaient comprises. Conclusion : certaines icônes sont aussi indéchiffrables que des hiéroglyphes. Avant la lecture des résultats, faites le quizz pour tester vos propres connaissances.

Les icônes sont de petits pictogrammes d’une interface informatique qui dirigent l’utilisateur vers une action à mener. La plus célèbre est peut-être l’icône de la disquette qui signifie « sauvegarder » dans les logiciels.

Les écrans de smartphone étant de taille réduite, les concepteurs d’applications et de sites mobiles ont tendance à utiliser beaucoup d’icônes afin de gagner de la place sur l’écran.

Or nous constatons au quotidien, lors de nos nombreux tests utilisateurs, que les utilisateurs finaux (vous et nous) ne comprennent pas toujours ce qui se cache derrière leurs petits dessins.

Pour en avoir le cœur net, nous avons mené un test utilisateur à distance sur un panel de 150 participants, tous utilisateurs de smartphone/tablette ou ayant l’intention d’en utiliser plus tard.

Méthodologie

Il existe des milliers d’icônes différentes. Nous avons choisi de tester les 30 plus utilisées.

Dans un premier temps, les utilisateurs devaient déterminer à quoi correspondaient les 30 icônes proposées hors de leur contexte (icône seule). Puis dans une seconde partie, nous avons sélectionné 12 icônes, que nous avons présentées aux utilisateurs dans leur contexte (icône dans la page).

Avant la lecture des résultats, faites le quizz pour tester vos connaissances.

Résultats généraux

Nous avons obtenu environ un tiers de mauvaises réponses, ce qui a surpris toute l’équipe de Miratech.

Résultats généraux

C’est principalement la fréquence d’utilisation des applications mobiles qui fait varier les résultats. D’autres facteurs tels que l’âge ou le sexe des participants n’ont aucune influence.

Résultats par icône

Voici les résultats obtenus, détaillés par icône. Beaucoup d’icônes sont mal comprises des utilisateurs alors qu’elles sont pourtant très utilisées.

Icône Signification % bonnes réponses hors contexte % bonnes réponses en contexte Réponses surprenantes Commentaires
icône menu Menu 11,6% 47,3% « pour écrire un texte »
« affichage linéaire »
Cette icône est la plus mal comprise (que ce soit en contexte ou hors contexte) alors qu’elle est très utilisée
icône liste Liste 23,2% Non testé « répertoire »
« paragraphes »
icône partager Partager 25,9% 50% « réseaux connectés entre eux »
« connexion »
Cette icône est très mal comprise par ceux qui n’utilisent pas souvent d’applications
icône flux RSS Flux RSS 46,4% Non testé « wifi »
« son »
Beaucoup de participants ont confondu cette icône avec l’icône du wifi
icône Pinterest Pinterest 46,4% Non testé « microphone »
icône localisation Localisation 52,7% Non testé « retoucher »
« identifier »
Plusieurs icônes existent pour se localiser
icône linkedin LinkedIn 53,6% Non testé « entrée »
« open »
« internet »
icône voir plus Plus
Voir plus
54,5% 66% « réseau »
icône exporter Exporter
Envoyer à
Transférer
57,1% 67% « suivant »
« page suivante »
icône affichage grille Affichage grille 58% 31,3% « plan »
« immobilier appartement »
Cette icône permet également d’accéder aux applications sur les smartphones Androïd
icône ajouter aux favoris Ajouter aux favoris 59,8% Non testé « défibrillateur »
« faire un don »
icône télécharger Télécharger 61,6% Non testé « ajouter à une liste »
« poids »
icône rechercher Rechercher 67,9% Non testé
icône accueil Accueil 67,9% Non testé « immobilier »
« maison »
Cette icône est très utilisée sur les applications mobiles ou les sites. On aurait pu s’attendre à un résultat plus élevé
icône actualiser Actualiser
Rafraichir
68,8% 83% « zoom pour grossir l’article » Certains utilisateurs ont confondus cette icône avec l’icône de rotation d’une image
icône paramètres Paramètres 74,1% Non testé « programme »
« recherche »
icône localisation Lieu
Localisation
74,1% 70,5% « aide »
« traces »
icône enregistrer Enregistrer 78,6% Non testé « ordinateur »
« carte photos »
« carte SD »
Cette icône est également très utilisée dans les logiciels
icône compte Profil
Compte
80,4% 77,7% « administration » Nous avons accepté les réponses comme « contact » dans la partie hors contexte
icône pièce jointe Pièce jointe
Attachement
83% 96,4% « note »
« revenir voir plus tard »
icône commentaires Commentaires 83,9% 72,3% Nous avons accepté les réponses telles que « tchat » et « message » dans la partie hors contexte
icône favoris Favoris 83,9% 77,7% « restaurant étoilé »
« exprime la gloire, la célébrité »
Nous avons accepté les réponses comme « noter une application » dans la partie hors contexte
icône verrouiller Verrouiller 86,6% Non testé « rendre privé » Nous avons accepté les réponses du genre « site sécurisé »
icône twitter Twitter 86,6% Non testé « économie »
« voyage »
icône informations Informations 89,3% Non testé « internet »
icône alerte Alarme
Alerte
92% 82,1% « appeler » Résultats plus élevés hors contexte car nous avons accepté les réponses « sonnerie »
icône supprimer Supprimer 94,6% Non testé « pour sauvegarder ? »
icône panier Panier 94,6% Non testé « la carte »
icône mail Mail
Boîte mail
95,5% Non testé « croisement »
« repos »
icône facebook Facebook 97,3% Non testé « Microphone » Cette icône est la plus comprise parmi celles hors contexte

Comme vous pouvez le voir ci-dessus, les icônes telles que « partager » et « menu » sont très mal comprises par les utilisateurs. Pourtant les applications dotées de ces icônes sont très nombreuses.

Alors un conseil si vous voulez concevoir une application mobile : faites attention aux icônes que vous utilisez. Le mieux est d’accompagner chaque icône de sa signification en texte afin qu’il n’y ait pas d’ambiguïté pour l’utilisateur.

Voici de bons exemples :

Exemples à suivre

Les utilisateurs savent directement à quoi correspond chacune des icônes présentées.

A vous de jouer

Testez vous aussi vos connaissances sur les icônes mobiles : faites le quizz !