Ce site web utilise des cookies

En utilisant ce site Web, vous acceptez le stockage de cookies sur votre appareil. Plus d'informations sur la politique de confidentialité.

C'est compris !
Flèche vers la droite

Affordance Web

L’affordance web désigne les indices visuels ou interactifs permettant aux utilisateurs de comprendre comment utiliser un élément d’interface.
Flèche vers le bas
Des questions ou un projet en tête ? Parlons-en ensemble
Contactez-moi
Flèche vers la droite

C'est quoi le concept d'affordance ?

L'affordance est un concept issu de la psychologie et du design qui désigne les propriétés d'un objet ou d'un élément d'interface permettant aux utilisateurs de comprendre comment l'utiliser sans explications supplémentaires. En termes de design web, une affordance efficace guide l'utilisateur instinctivement sur les actions qu'il peut entreprendre, comme cliquer sur un bouton ou saisir du texte dans un champ.

Par exemple, un bouton conçu avec une apparence en relief et une étiquette claire incitera les utilisateurs à cliquer dessus, tandis qu'un champ de saisie avec un curseur clignotant invite à entrer du texte.

Les affordances peuvent être de différentes natures :

  • Affordances physiques : Basées sur la forme et la texture, par exemple un bouton en relief qui semble cliquable.
  • Affordances symboliques : Utilisation d'icônes ou de symboles facilement compréhensibles, comme une icône de disquette pour "sauvegarder".
  • Affordances textuelles : Indications fournies par le texte, comme des étiquettes et des instructions.

Une bonne conception des affordances améliore considérablement l'expérience utilisateur en rendant les interfaces intuitives et faciles à utiliser.