L'importance de l'affordance

Il peut être tentant de concevoir des sites originaux avec des éléments graphiques qui cassent les codes. Mais si ces éléments ne sont pas affordants, tu risques de créer des frictions.

Définition de l'affordance


L’affordance est la capacité d’un objet à suggérer son utilisation ou son action attendue.

Quand Apple a dévoilé son iPod, le fameux bouton de la molette n’était pas accompagné d’une instruction explicite. Pourtant, des millions d’utilisateurs ont instantanément compris son utilisation, grâce à son affordance naturelle !

De même, comment savoir si tu dois pousser ou tirer une porte ? Eh bien, c’est l’affordance qui te guidera sans que tu aies besoin de réfléchir.

En UX design, l’affordance est notre alliée pour guider les utilisateurs et créer une expérience sans friction. C’est un peu notre baguette magique.
Elle donne la capacité à un objet de dire instinctivement à l’utilisateur "utilise-moi de cette manière".

Exemples d'affordance 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.

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.

À l’inverse, un design trop original peut créer de la confusion.
Imagine un bouton qui ressemble à tout sauf à un bouton. Ça, c’est de la mauvaise affordance.

À retenir


Quand tu crées une interface, demande-toi si ton design guide l’utilisateur de manière intuitive avec des éléments affordants.

Et surtout, que tu sois sûr(e) de toi ou que tu aies des doutes : teste tes hypothèses avec des tests utilisateurs.

Autres astuces UX

L’eye tracking : un dispositif qui doit être vu comme un investissement et non comme une dépense.

Découvre cette astuce UX

Les tests utilisateurs représentent un budget conséquent. Découvre une alternative avec le Guerilla testing.

Découvre cette astuce UX

Incontournable en UX, le Value Proposition Design est bien plus qu’une simple déclaration marketing.

Découvre cette astuce UX

Besoin d'aide en ergonomie digitale ou en UX ?

Tu as un projet de création ou de refonte pour ton site, ton application mobile ou ton logiciel (SaaS ou non) et tu cherches un expert en UX design ? Contacte-moi et voyons ensemble le dispositif le plus adapté pour t'aider à réussir ton projet digital.