Même s'il n'est pas encore rentré dans les moeurs, le PieMenu améliore sensiblement l'ergonomie d'un site.

La loi de Fitts

En 1954, Paul Fitts a déterminé une loi pour prédire le temps nécessaire à un individu afin de pointer un élément. Bien que nous n'évoquerons que l'action de pointer à l'aide de la souris dans cet article, cette loi s'applique à tout les pointages possibles (du doigt, sur un tableau à l'aide d'un laser...).

Cette loi repose sur le temps de déplacement et la dextérité de l'individu :

• Le temps de déplacement : plus un élément est éloigné du point d'origine du mouvement, plus le temps pour le pointer sera long
• La dextérité de l'individu : plus un élément est grand, moins le temps pour le pointer sera long

La formule

Grâce à wikipedia, voilà la formule permettant de déterminer le temps de pointage d'un élément :



où

• T est le temps moyen pris pour effectuer le mouvement ;
• a et b sont des constantes empiriques et peuvent être déterminées en faisant correspondre une ligne sur les données mesurées ;
• D est la distance séparant le point de départ du centre de la cible ;
• L est la largeur de la cible mesurée selon l'axe de mouvement ; L peut également être considérée comme la tolérance de la position finale, étant donné que le point final du mouvement peut tomber dans la fourchette de plus ou moins L/2 du centre.

Applications ergonomiques

Donc, d'un point de vue purement ergonomique, on peut affirmer que :

• Des éléments à cliquer (typiquement un menu) de tailles uniformes n'auront pas un temps égal au pointage
• Des éléments à cliquer fixés sur une page n'auront pas non plus un temps égal au pointage

S'agissant de la distance à la souris, le problème a été résolu par les menus contextuels : au click droit de votre souris un menu apparait et vous propose les actions possibles selon le contexte.

Cependant, en y appliquant la loi de Fitts on peut déduire que le dernier élément du menu contextuel est plus long et, puisque c'est de dextérité qu'il s'agit, aussi plus difficile à pointer que le premier.

Or, depuis 1954, les nombreuses interfaces homme-machines créées ont conduit à une solution : le PieMenu, "menu en tarte" littéralement.

Le PieMenu

Les PieMenus sont des éléments cliquables, réunis uniformément autour du pointeur de la souris : le temps d'accès à chacun des éléments est uniformément court.

Ils sont utilisés depuis longtemps (Don Hopknis les a pour passion), notamment dans les jeux vidéos : les grandes réussites sont toujours de grandes réussites ergonomique. Don Hopkins prend l'exemple des Sims mais ce n'est le plus pertinent. Le PieMenu au sein des Sims est contextuel (les actions diffèrent selon que vous cliquez sur un personnage ou un meuble), et fait abstraction d'un avantage supplémentaire à la loi de Fitts et incontournable des PieMenus : la mémoire musculaire.

La mémoire musculaire

L'apprentissage de l'homme peut se faire intellectuellement (apprendre une poésie, une langue, un langage de programmation...) mais aussi musculairement. C'est le cas lorsque vous apprenez à conduire : vous assimilez le code de la route intellectuellement mais vous apprenez à déplacer le volant quand vous voulez tourner, ou encore à synchroniser la pédale d'embrayage et le changement de vitesse.

Ces apprentissages au début sont réfléchis, on dit que vous faites attention à ce que vous faites, puis ils deviennent des automatismes, vous ne faites plus attention qu'à ce que vous voulez. Dans notre exemple vous commencez par vouloir tourner le volant pour tourner les roues pour vous diriger sur la gauche, puis à terme vous voulez aller dans la rue à gauche et tournez le volant dans ce sens parce que votre esprit a associé ce choix aux mouvements musculaires permettant de tourner le volant.

En quoi le PieMenu l'exploite

Le PieMenu peut être implémenté de plusieurs manières, selon les limites de son environnement. Sur ce blog nous avons choisi de l'implémenter au click gauche pour laisser libre le click droit, et parce que nous ne pouvions pas empêcher l'action par défaut d'Internet Explorer sur l'évènement du bouton pressé (clickDown). Nous pourrions aussi l'implémenter au double-click, mais la meilleure solution reste l'apparition au clickDown : le choix de l'élément du menu se réduit alors à un mouvement du pointeur dans une direction, voyez ce bon exemple (ne fonctionne que sous Fx 3).

Votre corps apprend alors que pour revenir à la home d'un site, il doit cliquer puis bouger le pointeur en haut et relâcher le click. Sur ce blog, il apprendra qu'il doit cliquer, relâcher le click, bouger le pointer en haut et cliquer de nouveau. Comme pour l'apprentissage de la conduite au début, vous allez faire ces actions de manière réfléchie mais à terme elles seront devenues des automatismes et les mouvements seront une réponse réflexe au choix d'aller sur la home.

En bref, ce qu'apporte le PieMenu

Du fait d'être à temps égal de click et d'exploiter l'apprentissage musculaire lors d'usages répétés, les PieMenus permettent de transformer la navigation en :

• Un élément visible que lorsqu'il est nécessaire
• Un élément facile d'accès en toute circonstance
• Une action dont l'apprentissage la rend intuitive

Son principal défaut est de ne pas être rentré dans les habitudes des internautes et de nécessiter un court temps d'adaptation : il n'est pas intuitif.

Applications

Le fait qu'il ne soit pas encore intuitif ne permet pas aujourd'hui d'envisager les PieMenus sur des sites institutionnels ouverts au grand public. Mais il est adapté au site outil ou au site fidélisant.

Un site outil

Ce que nous appelons site outil peut être une administration de site, un intranet ou tout autre site dont vous vous servez obligatoirement pour accomplir certaines tâches.

Sur ce genre de site, l'apprentissage est obligatoire : vous allez devoir apprendre à vous servir de votre outil, que ce soit pour poster un article sur un blog ou extraire une base de données d'inscrits de votre dernier site de jeux-concours.

Dans ce cadre, l'apprentissage du PieMenu est une goutte d'eau dans l'ensemble des fonctionnalités à intégrer, son principal défaut est ainsi levé. En plus de cela, le fait de devoir utiliser fréquemment cet outil implique un besoin/souhait d'optimiser son usage, et c'est ce qu'apporte l'apprentissage musculaire.

Un site fidélisant

Comme pour le site outil, la principale caractéristique d'un site fidélisant est d'y revenir fréquemment.

Prenons par exemple un site d'information, comme lemonde.fr : une grande partie de ses lecteurs va le consulter quotidiennement et utiliser des éléments du menu pour naviguer dans les articles. En mettant ces éléments en PieMenu, le site permettrait à ses utilisateurs une utilisation plus ergonomique de leur site. Mais pour ne pas en imposer l'apprentissage (et bien que ce serait passer à coté d'un petit buzz) ce pieMenu pourrait être ajouté à la navigation habituel.

En conclusion

Le PieMenu permet à des utilisateurs réguliers d'améliorer significativement l'usage qu'ils ont d'un site et peut peser dans la balance quand il s'agit de choisir entre deux sites de services équivalents.