Download - Le language des icônes
![Page 1: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/1.jpg)
Le langage des
ICÔNES
Comprendre et concevoir des icônes pour une interface.
![Page 2: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/2.jpg)
Sébastien ALEXANDRE
@graphidev
UX designerBriseur de mythes
![Page 3: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/3.jpg)
La signification des icônes
![Page 4: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/4.jpg)
“Une image vaut mille mots.”peut avoir plusieurs significations différentes,être partiellement et/ou totalement incomprise.
![Page 5: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/5.jpg)
Démonstration par l’exemple
Alarme
Minuteur
Chronomètre
Durée
...
![Page 6: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/6.jpg)
Mise en application
Alarme
NotificationSonnerieVibreur
Minuteur
Temps écouléIncompréhension
Chronomètre
Minuteur
Durée
HoraireRendez-vous
![Page 7: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/7.jpg)
L’interprétation des icônes
![Page 8: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/8.jpg)
Contexte de l’icône
Objet Usage Indication Objectif
![Page 9: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/9.jpg)
Contexte environnemental
● Éléments à proximité
● Objectifs de l’utilisateur
● Mémoire à court/long terme
![Page 10: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/10.jpg)
Référence culturelle
Europe Amérique du nord Australie
![Page 11: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/12.jpg)
Concevoir des icônes
![Page 13: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/13.jpg)
Représentation mentale
● Recueil des expressions graphiques
○ Conception de prototypes à partir
des représentations communes
![Page 14: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/15.jpg)
Prototypage in vivo
Concordance avec le contexte
![Page 16: Le language des icônes](https://reader034.vdocuments.net/reader034/viewer/2022042706/587247ad1a28ab852f8b4cfd/html5/thumbnails/16.jpg)
Le mot de la fin