Affordance

C’est un peu comme poser la question de la différence entre la théorie et la pratique. On peut avoir un élément dont l’affordance est a priori correcte mais qui n’est pas correctement interprété par les utilisateurs. En UX, c’est la perception qui compte. On s’assure donc de tester autant que possible les propositions de design avec des vrais gens.

L’affordance ne se contrôle pas vraiment. Un élément de votre interface va suggérer correctement son utilisation à un utilisateur, ou pas. Le signifiant est là pour donner des indices supplémentaires à l’utilisateur. Un élément de l’interface souligné suggérera qu’il est cliquable. L’ajout d’un indice comme une icône de lien externe précise que si l’on clique, on est redirigé vers un autre site.

L’affordance se travaille en tâche de fond. La réflexion commence dès que vous travaillez sur les parcours et les intentions que vous voulez mettre en avant dans votre service. Le choix des composants, le soin apporté à leurs différents états, l’agence des éléments dans la page ou la charte graphique que vous utilisez sont des éléments qui influencent la compréhension de vos services. Si vous travaillez avec un design system, vous pouvez passer en revue les composants et les règles d’utilisations mises en place. Une fois les parcours conçus, cela reste pertinent de revérifier qu’il n’y a pas d’interférence pendant la navigation.

On rencontre par exemple très couramment un problème d’affordance dans les formulaires. Les boutons radios sont par convention associés à des choix uniques. Les cases à cocher sont quant à elle réservées au choix multiples. Vos utilisateurs interpréteront ce que vous attendez d’eux sur la base de ces conventions. Si vous inversez les deux, des erreurs vont se produire et ni vous ni vos utilisateurs ne seront satisfaits.

En réalité, l’affordance s’apprécie plutôt de manière locale (composants par composant) que de façon globale et unifiée. Par exemple, sur une interface mobile qui comporte différents éléments, on va principalement s’intéresser à l’affordance des éléments qui sont interactifs (ex. les boutons, les call to actions, liens cliquables, ou tout autre éléments de navigation). Dès lors, ce qui compte, c’est de vérifier que pour chacun de ces éléments, l’intention que l’on propose à l’utilisateur va lui paraitre évidente.