Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Le langage des
ICÔNES
Comprendre et concevoir des icônes pour une interface.
Sébastien
ALEXANDRE
@graphidev
UX designer
Briseur de mythes
La signification des icônes
“Une image vaut mille mots.”
peut avoir plusieurs significations différentes,
être partiellement et/ou totalement incompri...
Démonstration par l’exemple
Alarme
Minuteur
Chronomètre
Durée
...
Mise en application
Alarme
Notification
Sonnerie
Vibreur
Minuteur
Temps écoulé
Incompréhension
Chronomètre
Minuteur
Durée
...
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 ...
Concevoir des icônes
Représentation mentale
● Recueil des expressions graphiques
○ Conception de prototypes à partir
des représentations commun...
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
Prochain SlideShare
Chargement dans…5
×

Le language des icônes

177 vues

Publié le

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

Publié dans : Design
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Le language des icônes

  1. 1. Le langage des ICÔNES Comprendre et concevoir des icônes pour une interface.
  2. 2. Sébastien ALEXANDRE @graphidev UX designer Briseur de mythes
  3. 3. La signification des icônes
  4. 4. “Une image vaut mille mots.” peut avoir plusieurs significations différentes, être partiellement et/ou totalement incomprise.
  5. 5. Démonstration par l’exemple Alarme Minuteur Chronomètre Durée ...
  6. 6. Mise en application Alarme Notification Sonnerie Vibreur Minuteur Temps écoulé Incompréhension Chronomètre Minuteur Durée Horaire Rendez-vous
  7. 7. L’interprétation des icônes
  8. 8. Contexte de l’icône Objet Usage Indication Objectif
  9. 9. Contexte environnemental ● Éléments à proximité ● Objectifs de l’utilisateur ● Mémoire à court/long terme
  10. 10. Référence culturelle Europe Amérique du nord Australie
  11. 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. 12. Concevoir des icônes
  13. 13. Représentation mentale ● Recueil des expressions graphiques ○ Conception de prototypes à partir des représentations communes
  14. 14. Prototypage in vitro ● Recueil des légendes ○ Vérification de la compréhension ○ Adaptation de la légende associée
  15. 15. Prototypage in vivo Concordance avec le contexte
  16. 16. Le mot de la fin

×