L’UX des panneaux d’interface LEGO (2020)

L’UX des panneaux d’interface LEGO

• Introduction
  • La « pente décorée 2x2 » de LEGO constitue l’interface par laquelle les minifigurines interagissent avec le monde.
  • Ce design se prête bien à l’apprentissage des bases de la conception d’interfaces physiques.
  • À travers 52 briques différentes, on peut apprendre la conception, la disposition et l’organisation d’interfaces complexes.

Un chaos organisé

• Diversité du design
  • La diversité des designs peut sembler confuse, mais certains paraissent plus systématiques.
  • La plupart des interfaces combinent des écrans numériques et des entrées analogiques.
  • Les panneaux LEGO se divisent eux aussi en différents clusters.

Positionner le design avec LEGO

• Concevoir des interfaces de machines complexes
  • Il faut prendre en compte des éléments variés, de l’ergonomie à l’ingénierie.
  • On peut diviser le problème en deux grandes questions :
    1. Comment distinguer la fonction des différentes entrées ?
    2. Comment organiser les entrées et les sorties pour comprendre leurs relations mutuelles ?

Distinguer les entrées

• L’importance de différencier les entrées
  • Si des pilotes de la Seconde Guerre mondiale relevaient le train d’atterrissage juste avant d’atterrir, c’était à cause d’une mauvaise conception de l’interface.
  • Le psychologue Alphonse Chapanis a résolu le problème grâce au codage par la forme.
  • On peut distinguer les entrées par la forme, la couleur, la taille, la texture, la position et le mode d’action.

Organiser les entrées

• Regrouper les entrées en clusters

  • À disposition identique, un panneau différencié par la couleur est plus clair.
  • Les panneaux de contrôle soviétiques sont un bon exemple d’organisation visuelle de l’information.

• Méthodes d’organisation

  • Organisation par fonction : regrouper les entrées et sorties de chaque fonction du produit.
  • Organisation par mode d’action : placer au même endroit les interrupteurs qui s’utilisent de la même manière.
  • Organisation par technologie : diviser l’interface selon les caractéristiques techniques.
  • Organisation par cas d’usage : regrouper selon les tâches quotidiennes de l’utilisateur.

Conclusion

• Qu’est-ce qu’une meilleure interface ?
  • Il n’existe pas de meilleure interface absolue, mais il existe beaucoup de très mauvaises interfaces.
  • L’idéal est une interface belle, visuellement claire, avec une disposition lisible et des entrées bien différenciées.

[GN⁺]

Commentaires sur Hacker News

• Le lien d’exemple Audi a disparu, mais il est possible d’en trouver une version archivée
• L’analyse de l’interface elle-même est intéressante, et en tant que débutant, je n’avais jamais vraiment réfléchi en profondeur aux distinctions par fonction, par tâche, par technologie ou par cas d’usage
• J’ai découvert la marque "Modulex" de Lego ainsi que les tableaux d’affichage de gestion de projet des années 60 aux années 90
  • Leur petite taille et leurs couleurs pastel apaisantes étaient particulièrement séduisantes
  • Cela donne envie d’une UI informatique plus tactile et plus agréable à utiliser
• Quand j’étais enfant, mon préféré était l’écran radar blanc affichant "38"
  • Cela m’a fait me demander si je n’aurais pas dû me lancer dans l’UX
• J’aimerais qu’un site consacré à l’UI/UX permette d’agrandir les petites images
• Ce genre de post procure une vraie joie
• J’aimerais que mon téléphone soit davantage comme un Bop-it
• Les meilleurs blocs d’interface sont en fait ceux qui fonctionnent réellement
  • Ils pourraient intégrer un accéléromètre pour afficher une ligne de niveau fonctionnelle
  • À l’époque, les blocs console étaient vraiment très spéciaux, et quand on en trouvait un dans un set, on avait l’impression de découvrir un spécimen rare
• Une UI, c’est quelque chose qui n’a ni écran ni interaction réelle