L'astuce d'ingénierie ingénieuse qui rend les menus Amazon utilisables

Les menus et sous-menus déroulants sont un mal nécessaire des interfaces utilisateur graphiques. Pour un site comme Amazon, qui oblige le client à manipuler un nombre infini d'étiquettes textuelles de type Matryoshka-doll, il est absolument crucial de rendre cette navigation hiérarchique la plus simple et fluide possible. Comment pouvez-vous bousiller un simple sous-menu ? Oh, croyez-moi, il existe des moyens. Si vous avez déjà rencontré ce que l'ingénieur Ben Kamens appelle le menu Whack-a-mole, vous saurez ce que je veux dire. Voici son exemple :

GIF par Ben Kamens .

Le sous-menu s'affiche instantanément lorsque vous passez la souris sur sa cible, mais le rend également disparaître tout aussi instantanément, sauf si vous enfilez l'aiguille en déplaçant votre souris exactement horizontalement dans la zone du sous-menu.

C'est hyper irritant. Si les menus d'Amazon agissaient de cette façon, cela pourrait leur coûter des millions de dollars en ventes perdues.

Selon Kamens, la solution habituelle pour assommer un menu est ce qu'on appelle hystérèse . C'est un mot sophistiqué qui signifie essentiellement retard. Les ingénieurs logiciels s'assurent que le sous-menu ne s'affiche pas (et ne s'affiche pas) instantanément ; à la place, il y a un petit décalage. Cela donne à l'utilisateur suffisamment de temps pour déplacer sa souris directement (c'est-à-dire en diagonale) sur l'élément de sous-menu sur lequel il souhaite cliquer, sans que cette fichue chose ne disparaisse sous elle dans le processus.

L'inconvénient est que le sous-menu lui-même prend un peu de temps à s'afficher en premier lieu. C'est très peu de temps, mais lors de la navigation dans un logiciel, tout ce qui n'est pas instantané peut sembler lent. Les sous-menus d'Amazon s'affichent instantanément (pas d'hystérésis à l'avant), mais il n'y a pas non plus de problème de menu. Comment?

En tant que kamen explique , cela se résume à quelque chose d'assez simple : prédire où vous allez déplacer votre souris. Les ingénieurs d'Amazon prédisent une certaine zone de chemins de souris possibles lorsque vous survolez un sous-menu. Si vous vous déplacez dans cette zone (comme vous le feriez lorsque vous vous déplacez pour sélectionner un élément dans le sous-menu), l'effet d'hystérésis s'engage, maintenant le sous-menu ouvert pour vous. Si vous déplacez la souris en dehors de cette zone, Amazon suppose que vous n'êtes pas intéressé par le sous-menu, et il disparaît aussi instantanément qu'il est apparu.

Le résultat? Eh bien, le résultat (le plus probable) est que vous ne savez même jamais à quel point vous l'avez lorsque vous utilisez les menus d'Amazon. Ils fonctionnent simplement ; ils font ce que vous voulez et restent hors de votre chemin. C'est la marque d'une bonne interface logicielle : ne pas remarquer à quel point elle est bonne.

Mais quoi Le message de Kamens (vous devriez vraiment le lire) montre de manière fascinante à quel point l'ingénierie et la conception doivent fusionner dans les coulisses afin de fournir ce type d'expérience utilisateur ultra-subtile, mais ultra-importante. À l'échelle d'Amazon, cette attention atomique aux détails a d'énormes effets en aval sur les revenus. C'est l'exemple parfait de ce que Steve Jobs voulait dire quand il a dit que le design n'est pas à quoi il ressemble, c'est comment il fonctionne. Et c'est le genre de nano-innovation centrée sur l'humain que vous ne remarquez même jamais, mais que vous devez applaudir lorsque vous le faites.

Lisez le message original de Ben Kamens ici.

cacher