Menu pour un site internet
Catherine PINYO and Fabrice ALIZON
PIXALIONE, 116 rue de Charenton, 75012 PARIS
La recherche d'information via le web est toujours en constante croissance. Cette recherche s'effectuant via le menu, celui-ci est considéré comme la partie la plus importante d'un site web. Pour retrouver efficacement l'information proposée, Chaque web designer a sa propre opinion sur la meilleure façon de réaliser un menu, lors de la création du site internet. Qu'en est-il exactement, que préfèrent les internautes ?
Mot-clés : définition de menu, choix menu, quel menu, type de navigation, menu pour page web, sélection de menu, profil de l'internaute, création site web
Zaphiris et al. [1] ont mis en évidence que la recherche d'information via le web devient une activité quotidienne à la fois pour le travail et pour le plaisir. Afin que l'information soit stockée correctement et retrouvée efficacement, il est donc important d'indexer et de classer via un menu, cette information pour que les internautes la retrouvent rapidement.
Par ailleurs, Bernard et Hamblin [2] mettent l'accent sur le fait que chaque web designer a sa propre opinion sur la meilleure façon de réaliser un menu de site, au moment de la création du site internet. Deux principaux types de menus sont connus : en cascade et indexé. Il existe ensuite deux sous-catégories : les menus extensibles et les menus séquentiels. La combinaison des deux types et des deux sous-catégories regroupe l'ensemble des menus trouvé sur le web.
Le menu est considéré comme la partie la plus importante d'un site web, c'est dire si cet élément doit être pris en compte dès la création du site internet. Pour retrouver efficacement l'information proposée. La répartition entre profondeur (nombre de niveaux de sous-menus) et largeur (nombre de sous-menus proposé par niveau) est considérée comme la chose la plus importante par Jacko et al. [3]. Ce dernier domaine a été largement étudié.
Ce petit résumé regroupe les études concernant les types de menus, cascade et indexé, et les sous-catégories, extensible et séquentielle.
Dans le trois site web la police d'écriture est de type Verdana de taille 10 qui est l'une des polices d'écriture les plus lisible sur un écran [5,6]. Les deux menus extensibles ont le même nombre de niveaux (sous-menus). Les trois types proposés sont composés des mêmes sous-menus (même nom).
Etudiant la perturbation de l'internaute par rapport au type de menu, le menu extensible horizontal est perçu comme le plus perturbant. Examinant la préférence des participants suivant leur choix de menu, ils sélectionnent le menu type index largement devant les autres types de menus.
Chaque participant effectue 10 recherches (5 à l'aide d'un menu extensible et 5 à l'aide d'un menu séquentiel. Trois types d'informations sont collectées, (1) le temps de réponse, (2) l'efficacité de la recherche et une note subjective du participant.
Plusieurs constatations peuvent être faites à partir de ces deux études. Premièrement, l'efficacité prévaut largement dans le cas du menu séquentiel. Les résultats les moins bons vont au menu horizontal, surtout pour un niveau de profondeur supérieur ou égal à trois. Le menu index permet une rapidité de sélection plus importante [7]. Pourtant subjectivement les internautes préfèrent le menu extensible pour un niveau 1 et 3.
Les menus hiérarchiques doivent être conçu avec le minimum de profondeur et le maximum de largeur (se rapprochant ainsi des qualités d'une classification par index). Les menus extensibles sont appropriés seulement dans le cas d'une profondeur inférieur ou égale à 3, et doivent être bannis au-delà. De manière générale, l'architecture doit être simple et facile à comprendre.
Deux études récentes ont été principalement discutées pour recommander le meilleur type de menu (séquentiel vs. extensible et indexé vs. cascade) en fonction de la profondeur et d'indicateur objectif et subjectif recueilli auprès d'internautes. A noter ces recommandations ne tiennent absolument pas compte de l'aspect esthétique de la conception.
Il serait également intéressant d'étudier les types de menus hybrides alliant séquentiel et extensible, indexé et cascade en fonction du niveau de recherche. Par exemple extensible jusqu'à qu'au niveau 2 et ensuite indexé.
PIXALIONE, 116 rue de Charenton, 75012 PARIS
La recherche d'information via le web est toujours en constante croissance. Cette recherche s'effectuant via le menu, celui-ci est considéré comme la partie la plus importante d'un site web. Pour retrouver efficacement l'information proposée, Chaque web designer a sa propre opinion sur la meilleure façon de réaliser un menu, lors de la création du site internet. Qu'en est-il exactement, que préfèrent les internautes ?
Mot-clés : définition de menu, choix menu, quel menu, type de navigation, menu pour page web, sélection de menu, profil de l'internaute, création site web
1 INTRODUCTION
Zaphiris et al. [1] ont mis en évidence que la recherche d'information via le web devient une activité quotidienne à la fois pour le travail et pour le plaisir. Afin que l'information soit stockée correctement et retrouvée efficacement, il est donc important d'indexer et de classer via un menu, cette information pour que les internautes la retrouvent rapidement.
Par ailleurs, Bernard et Hamblin [2] mettent l'accent sur le fait que chaque web designer a sa propre opinion sur la meilleure façon de réaliser un menu de site, au moment de la création du site internet. Deux principaux types de menus sont connus : en cascade et indexé. Il existe ensuite deux sous-catégories : les menus extensibles et les menus séquentiels. La combinaison des deux types et des deux sous-catégories regroupe l'ensemble des menus trouvé sur le web.
Le menu est considéré comme la partie la plus importante d'un site web, c'est dire si cet élément doit être pris en compte dès la création du site internet. Pour retrouver efficacement l'information proposée. La répartition entre profondeur (nombre de niveaux de sous-menus) et largeur (nombre de sous-menus proposé par niveau) est considérée comme la chose la plus importante par Jacko et al. [3]. Ce dernier domaine a été largement étudié.
2 COMPARAISON DES DIFFERENTS TYPES DE MENUS
Ce petit résumé regroupe les études concernant les types de menus, cascade et indexé, et les sous-catégories, extensible et séquentielle.
2.1 Cascade versus Indexé
Les menus en cascade ont l'avantage de prendre moins de place dans la page web, mais ils sont très souvent mal utilisés. Tout d'abord, ils sont parfois difficile à utiliser et requièrent une plus grande dextérité dans l'usage de la souris [2]. Ce problème grandi proportionnellement avec le nombre de niveaux mise en oeuvre. Ensuite, les menus en cascade, cachent l'information jusqu'à ce que l'internaute positionne sa souris sur le menu (cf. Walker [4]). A l'inverse les menus de type index prennent plus de place, mais peuvent présenter plus d'informations (parfois trop, submergeant l'internaute). Une étude réalisée par Bernard et Hamblin [2] compare les menus en cascade et indexés en terme de performance et de satisfaction de l'internaute. Cette étude étudie ces deux types de menus pour une recherche d'information connue (explicite) et inconnue (implicite). La recherche explicite est dite directe, alors que dans le cas d'une recherche implicite, le thème est connu, mais l'information exacte ne l'est pas.2.1.1 Périmètre et conditions de l'étude
L'étude comparative de Bernard et Hamblin [2] se base sur un panel de 18 internautes (8 hommes et 10 femmes). Leur âge est compris entre 20 et 49 ans. Trois sites web sont présentés chacun d'eux ayant un type de menu différent :- Menu index du type présenté en Figure 1,
- Menu extensible horizontal cf. Figure 2,
- Menu en cascade vertical présenté en Figure 3.
Dans le trois site web la police d'écriture est de type Verdana de taille 10 qui est l'une des polices d'écriture les plus lisible sur un écran [5,6]. Les deux menus extensibles ont le même nombre de niveaux (sous-menus). Les trois types proposés sont composés des mêmes sous-menus (même nom).
Figure 1. Menu de type « Indexé » [2]
Figure Figure 2. Menu extensible horizontal [2]
Figure 3. Menu extensible vertical [2]
2.1.2 Résultats mis en évidence par Bernard et Hamblin
Les participants cherchant l'information à l'aide d'un menu indexé trouvent l'information plus rapidement qu'avec les deux autres types de menus. Quel que soit le type de menu une recherche explicite est plus rapide qu'une recherche implicite.Etudiant la perturbation de l'internaute par rapport au type de menu, le menu extensible horizontal est perçu comme le plus perturbant. Examinant la préférence des participants suivant leur choix de menu, ils sélectionnent le menu type index largement devant les autres types de menus.
2.2 Extensible versus Séquentiel
Zaphiris et al. [1] étudient quant à eux les menus extensibles et séquentiels. Sans surprise, l'avantage du menu indexé est qu'il contient l'ensemble des informations dans la hiérarchie. Alors que l'internaute doit naviguer dans le menu pour en avoir une vue d'ensemble dans le cas d'un menu extensible. Les menus de type séquentiel ne permettent pas d'afficher les sous niveaux du menu, seules les informations du menu courant sont affichées. Ceci est particulièrement important sur internet, compte tenu du nombre significatif de niveau, tout particulièrement si la profondeur de navigation est supérieur à 2.2.2.1 Périmètre et conditions de l'étude
21 étudiants (âge moyen 27 ans) ont pris part à l'étude. La structure des menus sont définies en considérant deux aspects: la profondeur de navigation et la catégorie de menu. La profondeur de navigation est fixée 2, 3, et 4. Les types de menu retenus sont extensibles et séquentiels. Une conception factorielle (3x2) a été utilisée pour générer les six modèles (menus/niveaux).Chaque participant effectue 10 recherches (5 à l'aide d'un menu extensible et 5 à l'aide d'un menu séquentiel. Trois types d'informations sont collectées, (1) le temps de réponse, (2) l'efficacité de la recherche et une note subjective du participant.
Figure 4. Menu extensible avec une hiérarchie de 4 niveaux [1]
Figure 5. Menu séquentiel ayant une hiérarchie de 4 [1]
2.2.2 Résultats
Le temps de réponse
Avec un menu extensible à deux niveaux la recherche est la plus rapide avec trois niveaux deuxième plus rapide et la plus lente dans le cas d'un menu extensible à 4 niveaux. Le résultat assez surprenant provient du fait que la profondeur à peu d'effet sur le menu séquentiel et les recherches sont plus rapides pour des niveaux 3 et 4 (cf. Figure 6).Efficacité de recherche
Sans surprise, pour un niveau de 2 les internautes interviewés effectuent moins de cliques de souris avec un menu extensible qu'avec un menu séquentiel. La performance des deux types de menu est à peu prêt équivalente pour un menu à trois niveaux. La tendance s'inverse significativement pour un menu sur 4 niveaux, pour lequel le menu extensible est beaucoup moins performant que le menu séquentiel (cf. Figure 6).Figure 6. Temps de réponse et efficacité de recherche pour un menu extensible et séquentiel de 2, 3 et 4 niveaux de profondeur
Note Subjective
Les participants préfèrent le menu extensible pour les niveaux de 1 à 3 et le menu séquentiel pour un niveau de 4. Les internautes interrogés ont une légère préférence pour le menu séquentiel en terme de facilité de navigation pour des niveau de 2 et 4 et une indifférence avec le menu extensible pour un niveau 3. Les sujets rapportent une préférence en terme d'orientation par un menu séquentiel pour des niveaux 2 et 4. Enfin le menu extensible est sensible aux effets de profondeur.3 RECOMMANDATIONS GENERALES
Plusieurs constatations peuvent être faites à partir de ces deux études. Premièrement, l'efficacité prévaut largement dans le cas du menu séquentiel. Les résultats les moins bons vont au menu horizontal, surtout pour un niveau de profondeur supérieur ou égal à trois. Le menu index permet une rapidité de sélection plus importante [7]. Pourtant subjectivement les internautes préfèrent le menu extensible pour un niveau 1 et 3.
Les menus hiérarchiques doivent être conçu avec le minimum de profondeur et le maximum de largeur (se rapprochant ainsi des qualités d'une classification par index). Les menus extensibles sont appropriés seulement dans le cas d'une profondeur inférieur ou égale à 3, et doivent être bannis au-delà. De manière générale, l'architecture doit être simple et facile à comprendre.
4 CONCLUSION
Deux études récentes ont été principalement discutées pour recommander le meilleur type de menu (séquentiel vs. extensible et indexé vs. cascade) en fonction de la profondeur et d'indicateur objectif et subjectif recueilli auprès d'internautes. A noter ces recommandations ne tiennent absolument pas compte de l'aspect esthétique de la conception.
Il serait également intéressant d'étudier les types de menus hybrides alliant séquentiel et extensible, indexé et cascade en fonction du niveau de recherche. Par exemple extensible jusqu'à qu'au niveau 2 et ensuite indexé.
5 REFERENCES
| [1] | Zaphiris, P., Shneiderman, B. et Norman, K. L., 1999, "Expanding Indexes Versus Sequential Menus for Searching Hierarchies on the World Wide Web", http://www.agrino.org/pzaphiri/Papers/expandableindexes.pdf |
| [2] | Bernard, M. et Hamblin, C., 2003, "Casaded Versus Indexed Menu Design", Usability News 5.1. http://www.surl.org/usabilitynews/51/menu.asp, visité le 06/12/08 |
| [3] | Jacko, J. et Salvendy, G., 1996, "Hierarchical menu design: Breadth, depth, and task complexity" Perceptual and Motor Skills, 82, 1187-1201. |
| [4] | Walker, D., 2000, "A flying menu attack can wound your navigation", http://www.shorewalker.com/pages/flying_menu-1.html, visité 30/01/03 |
| [5] | Bernard, M., Mills, M., Peterson, M. et Storrer, K., 2001, "A Comparison of Popular Online Fonts: Which is Best and When ?", Usability News 3.2. http://psychology.wichita.edu/surl/usabilitynews/32/font.asp, visité le 13/12/08 |
| [6] | Pinyo, C. et Alizon, F., 2009, "Quelle Police d'Ecriture Internet Choisir pour un Site Internet ?", http://www.pixalione.be/references,publications/police-ecriture.html |
| [7] | Fitts, P. M., 1954, "The information capacity of the human motor system in controlling the amplitude of movement", Journal of Experimental Psychology, 47, 381-391. |
