Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Affordance

Affordance

Concept
Définition

Propriété d'un objet ou d'un élément d'interface qui suggère son mode d'utilisation. Le terme vient de la psychologie écologique de James Gibson (1979) et a été adapté au design par Don Norman. Gibson parlait d'affordance réelle (ce qu'un objet permet physiquement). Norman a introduit la notion d'affordance perçue : ce que l'utilisateur croit pouvoir faire. Un bouton qui ressemble à un bouton est cliquable parce qu'il est perçu comme tel, pas parce qu'il l'est objectivement.

En pratique

Donner aux éléments cliquables une apparence qui invite au clic : relief, contraste, curseur pointer. Éviter les fausses affordances (un texte souligné non cliquable). Tester si les utilisateurs identifient les zones interactives sans aide. Le flat design a réduit les affordances visuelles, forçant les designers à compenser par d'autres indices. Un lien sans distinction visuelle du texte environnant est une affordance cassée.

Exemple

Le bouton iOS original simulait un relief physique pour indiquer qu'il pouvait être pressé. Avec iOS 7, Apple a supprimé ces indices et les taux d'erreur sur les premiers tests ont augmenté avant que les conventions se stabilisent.

Voir aussi
Flat design
Mapping naturel
Modèle mental
Signifiant
Sources
Don Norman, The Design of Everyday Things, 1988
James J. Gibson, The Ecological Approach to Visual Perception, 1979

Dans le flux

Le Journal d'UX : veille UX et design au quotidien, wiki UX de référence en français. Ouvert aux contributions de la communauté.