Le language des icônes

16
Le langage des ICÔNES Comprendre et concevoir des icônes pour une interface.

Transcript of Le language des icônes

Page 1: Le language des icônes

Le langage des

ICÔNES

Comprendre et concevoir des icônes pour une interface.

Page 2: Le language des icônes

Sébastien ALEXANDRE

@graphidev

UX designerBriseur de mythes

Page 3: Le language des icônes

La signification des icônes

Page 4: Le language des icônes

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

Page 5: Le language des icônes

Démonstration par l’exemple

Alarme

Minuteur

Chronomètre

Durée

...

Page 6: Le language des icônes

Mise en application

Alarme

NotificationSonnerieVibreur

Minuteur

Temps écouléIncompréhension

Chronomètre

Minuteur

Durée

HoraireRendez-vous

Page 7: Le language des icônes

L’interprétation des icônes

Page 8: Le language des icônes

Contexte de l’icône

Objet Usage Indication Objectif

Page 9: Le language des icônes

Contexte environnemental

● Éléments à proximité

● Objectifs de l’utilisateur

● Mémoire à court/long terme

Page 10: Le language des icônes

Référence culturelle

Europe Amérique du nord Australie

Page 11: Le language des icônes

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

Page 12: Le language des icônes

Concevoir des icônes

Page 13: Le language des icônes

Représentation mentale

● Recueil des expressions graphiques

○ Conception de prototypes à partir

des représentations communes

Page 14: Le language des icônes

Prototypage in vitro

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

Page 15: Le language des icônes

Prototypage in vivo

Concordance avec le contexte

Page 16: Le language des icônes

Le mot de la fin