Affordance

Tu as déjà cliqué sur un élément en pensant que c'était un bouton... et il ne s'est rien passé ?
Tu as déjà essayé de trouver un bouton, mais tu ne l'as pas trouvé ?
Dans les deux cas, c'est un problème d'affordance.

Définition
L'affordance, c'est la capacité d'un élément à suggérer son usage.

Exemple du quotidien
Imagine une poignée de porte.
Comment savoir si tu dois la pousser ou la tirer ?
C'est l'affordance qui te guidera sans que tu aies besoin de réfléchir.

Exemple dans le web
L'icône de la corbeille pour supprimer quelque chose.
Elle est généralement représentée par une petite poubelle, évoquant instantanément le geste de jeter.

Autre exemple dans le web
Les boutons cliquables qui ressemblent visuellement à des boutons physiques.
Quand leur design est intuitif, ils crient "appuie-moi !"
C'est ça, l'affordance qui parle aux utilisateurs sans qu'ils aient à réfléchir.

Astuces pour réussir l'affordance sur tes interfaces
↳ Un design trop "original" peut tromper l'utilisateur.
Privilégie les standards.
↳ Teste ton interface régulièrement.
Si quelqu'un hésite avant d'agir, l'affordance n'est pas évidente.

À retenir
Un élément doit toujours indiquer clairement son usage.
L'affordance rend ton interface intuitive et évite la frustration des utilisateurs.
Respecter ce principe améliore l'expérience globale et guide naturellement les actions.

------------------------------------------------------------

Je suis Nathalie Scott, créatrice de bonheur digital.
Découvre mon lexique UX : une explication, un déclic.
Parce que la clarté, c'est le premier pas vers l'excellence.
Travaillons ensemble et deviens meilleur que tes concurrents.