Iconographie

Concept

Le langage visuel sans mots

L'iconographie désigne l'ensemble des icônes que l'on peut retrouver dans l'identité visuelle d'un produit : leur cohérence, leur style et leur logique d'utilisation. Bien gérée, une bibliothèque d'icônes permet de guider l'utilisateur plus facilement et de lui faire comprendre des actions rapidement.

À quoi ça sert ?

  • Communiquer des actions de façon simple, sans texte
  • Renforcer la cohérence visuelle d’un produit avec un style unifié
  • Réduire la charge cognitive d’une interface en utilisant des symboles reconnus

Pour quel besoin ?

  • Garder une cohérence avec l'identité visuelle de la marque à travers les icônes.
  • Réduire la place occupée par les éléments de navigation dans des espaces restreints.
  • Gagner en lisibilité en utilisant des icônes lorsque cela est pertinent.

En pratique

Dans une interface, les icônes jouent un rôle essentiel. Elles permettent de transmettre rapidement une information sans pour autant se référer à un texte, ce qui nous permet, pour les icônes aujourd’hui universellement connues, de gagner en aération et en espacement. Bien choisir l’iconographie de son interface, c’est s’assurer de gagner en lisibilité globale. C’est d’autant plus important sur mobile, là où l’espace est limité.

Et surtout, pensez à toujours faire attention à la cohérence des icônes entre elles. Plein, linéaire, arrondi, angulaire… mélanger les styles ne fera que perdre l’utilisateur.

Questions fréquentes

Quelques exemples de réalisations

Palette de couleurs

La palette de couleurs d'un produit numérique encode statuts, hiérarchie et accessibilité. Une palette bien définie est un système cohérent, pas une simple collection de teintes.

En savoir plus sur Palette de couleurs

Typographie

La typographie définit polices, échelles, graisses et espacements. Elle conditionne la lisibilité et l'identité visuelle. C’est un élément impactant souvent sous-estimé.

En savoir plus sur Typographie

Design d'interface

L’UI design conçoit la couche visuelle d'un produit : mise en page, couleurs, typographie, composants. Il traduit l'expérience en éléments tangibles et interactifs.

En savoir plus sur Design d'interface

UX writing

L'UX writing rédige les textes d'une interface : boutons, erreurs, états vides. Bien fait, il guide sans qu'on s'en aperçoive. Mal fait, il est la première source de friction.

En savoir plus sur UX writing

Vous souhaitez en savoir plus sur nous ?

Tout le monde parle experience utilisateur, design de service, ergonomie...
C'est pas très clair, mais vous aimeriez bien découvrir tout ca ou progresser.

Parlons-en