Un des débats fondamentaux dans le design d’interfaces utilisateur est de choisir de labéliser les boutons à l’aide d’icônes, de texte ou les deux. Google a notamment fait le choix dans le cadre du revamping de toutes ses interfaces de remplacer les boutons textes de Gmail par des boutons icônes. Alors, est-ce le meilleur choix dans votre cas ? Comme d’habitude, la réponse est « Ca dépend ».
Les avantages d’utiliser du texte
- Des labels textuels bien conçu sont clairement compréhensibles, même pour des concepts difficiles à représenter par des icônes. Les icônes au contraire doivent être apprises avant d’être reconnaissables.
- Le texte peut rendre un site plus accessible, car ils sont lisibles par les « screen readers ». Des efforts supplémentaires doivent être demandés pour rendre les fonctions représentées par des icônes accessibles.
- Avec la bonne implémentation, le texte peut être stylé dynamiquement
- Il est plus facile de modifier du texte ou de le traduire que d’effectuer une action équivalente pour des icônes. Il est plus difficile de mettre en place une « iconographie » localisée (les choix de couleur sont par exemple très liés à la culture du public)
- Il est généralement plus facile de trouver les mots appropriés que de designer des icônes efficaces
Les avantages d’utiliser des icônes
- Les icônes sont plus faciles à distinguer les unes des autres. Quand toutes les fonctions sont présentées comme des mots, chaque mot doit être lu pour trouver celui recherché. Pour des icônes, il est plus facile de s’en rappeler et on peut en retrouver une d’un seul coup d’œil
- Les icônes prennent moins de place. On peut alors soit afficher plus de fonctions, soit obtenir un design plus aéré
- Les icônes peuvent avoir double emploi : d’un côté décrire une fonctionnalité, et de l’autre donner une image de marque au site. Elles peuvent par ce biais rendre visuellement plus intéressant ce qui serait sinon un design ennuyeux
- Les icônes peuvent aisément incorporer des informations sur le statut des actions
Pour chaque site, il faut peser le pour et le contre avant de décider que voie choisir. Une combinaison des deux peut être idéale, si l’espace le permet. Mais souvent, on doit optimiser l’espace et éviter de prendre avec les fonctionnalités l’espace dédié au contenu. Une solution peut alors être d’utiliser des icônes (en prenant bien soin à ce qu’elles soient claires) avec un système d’aide contextuelle pouvant apporter textuellement des informations complémentaires.