Présentation réalisée le 14 janvier 2016 au Dribbble Meetup toulousain

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

2. Sébastien
ALEXANDRE
@graphidev
UX designer
Briseur de mythes

3. La signification des icônes

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

5. Démonstration par l’exemple
Alarme
Minuteur
Chronomètre
Durée
...

6. Mise en application
Alarme
Notification
Sonnerie
Vibreur
Minuteur
Temps écoulé
Incompréhension
Chronomètre
Minuteur
Durée
Horaire
Rendez-vous

7. L’interprétation des icônes

8. Contexte de l’icône
Objet Usage Indication Objectif

9. Contexte environnemental
● Éléments à proximité
● Objectifs de l’utilisateur
● Mémoire à court/long terme

10. Référence culturelle
Europe Amérique du nord Australie

11. 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 cognitif
Mémorisation performante

12. Concevoir des icônes

13. Représentation mentale
● Recueil des expressions graphiques
○ Conception de prototypes à partir
des représentations communes

14. Prototypage in vitro
● Recueil des légendes
○ Vérification de la compréhension
○ Adaptation de la légende associée

15. Prototypage in vivo
Concordance avec le contexte

16. Le mot de la fin