Affordance ?

Qu’est-ce que l’affordance?

Signifiant (🇬🇧: signifier)

Poignée sans signifier
Poignée avec signifier

Natural mapping

Natural mapping conclusion

Quelques exemples…​

Gel Hydro
Porte norman

De l’affordance dans la tech, comment ?

Affordance et API

  • API > suivre l’archi REST

  • "Uniform interface"

  • OpenAPI / Swagger

OpenAPI

Affordance et CLI

  • Respecter les standard des lignes de commande.

  • Attributs -f / --file, commande --help…​

  • Vocabulaire centré "utilisateurs"

  • Imiter une CLI existante? (kubectl / kafkactl)

Affordance et documentation

Good documentation

Good documentation

User Interface

  • Un bon design ne nécessite pas de formation

  • Contexte : Qui et Comment ?

  • Vocabulaire textuel et graphique (▶️/💾/❌)

  • Travailler sur l’accessibilité

Tester une affordance ?

  • A/B Testing

  • Recueil du retour des utilisateurs

  • Principe du playtest (emprunté aux jeux vidéo) ➡️

Un bon crash-test ? 🔬

  • Un utilisateur (final ou non) face à votre interface

  • Utilisation de l’interface en autonomie

  • Idéalement, œil neuf sur l’interface

  • Frictions, chemins desirés…​

Actions ! 🎬

  • 👀 Identifier affordances cachées & fausses

  • 📐 Rester dans les normes / conventions (mais…​)

  • 🎛️ signifiers / natural mapping / feedback

  • 😈 Se méfier de soi-même (perception corrompue !)

Merci pour votre attention

Prendre de bonnes idées

  • S’intéresser au level design, à l’UX en général

  • Benchmark de ce qui fonctionne

  • Musée du design (Londres)

  • Cité du design (Saint-Etienne)

  • Utilisation de ChatGPT : « imagine une application qui fait […​] et documente-la. ».

Recherches/ressources 🕵️

  • Level design

  • Affordances, signifiers

  • Natural mapping

  • SmashingMagazine.com

Design of Everyday Things

Merci pour votre attention