Le langage des

ICÔNES

Comprendre et concevoir des icônes pour une interface.

Sébastien ALEXANDRE

@graphidev

UX designerBriseur de mythes

La signification des icônes

“Une image vaut mille mots.”peut avoir plusieurs significations différentes,être partiellement et/ou totalement incomprise.

Démonstration par l’exemple

Alarme

Minuteur

Chronomètre

Durée

...

Mise en application

Alarme

NotificationSonnerieVibreur

Minuteur

Temps écouléIncompréhension

Chronomètre

Minuteur

Durée

HoraireRendez-vous

L’interprétation des icônes

Contexte de l’icône

Objet Usage Indication Objectif

Contexte environnemental

● Éléments à proximité

● Objectifs de l’utilisateur

● Mémoire à court/long terme

Référence culturelle

Europe Amérique du nord Australie

Avantage de l’icône

Compréhension de texte

● Vision de formes● Association des lettres● Association des mots● Relation sémantique

Compréhension d’icônes

● Vision de formes● Association des formes● Relation sémantique

Rapidité du processus cognitifMémorisation performante

Concevoir des icônes

Représentation mentale

● Recueil des expressions graphiques

○ Conception de prototypes à partir

des représentations communes

Prototypage in vitro

● Recueil des légendes○ Vérification de la compréhension○ Adaptation de la légende associée

Prototypage in vivo

Concordance avec le contexte

Le mot de la fin