Le SURL de l’université de Wichita nous fait part d’un article très intéressant sur des tests utilisateurs en vue d’une mise en page de type e-commerce.
Les tests ont était mené sur 258 personnes (Hommes et femmes) issue de 4 zones géographiques bien distinctes : Amérique du Nord, Europe, Inde et les commonwealth .
Ils y traitent 6 éléments d’une mise en page :
- Liens de retour vers la page d’accueil
- Les bandeaux publicitaires
- Menu interne
- Menu de liens externes
- Panier
- L’aide
On remarque :
Qu’il y a des différences selon les cultures, infimes mais presentes. On peut néanmoins en conclure, pour chacun des exemples, des “standards” sur ce qui est du placement des éléments :
- La position du retour � l’accueil (très souvent le logo du site) se positionne dans le coin supérieur gauche de l’écran
- Les banières se situent principalement dans la partie supérieure de l’écran en son centre, et sur la partie la plus � droite
- Le menu principal de navigation interne se situera plus sur la partie gauche de l’écran et de manière verticale (Ce qui est étonnant, car on pense plus � la navigation par onglet comme sur les grands sites comme fnac.com ou amazon.fr)
- Tout ce qui a rapport avec des liens externes se situera plus vers la droite de l’écran (on aurait tendance � penser que c’est plus situé � la fin d’une fiche, c’est ç dire dans la partie inférieure de la page).
- Le panier est résolument accroché en haut � droite, mais � tendance � ce décaler vers la gauche selon les cultures
- L’aide quant � elle se situe dans la partie supérieure droite
- CLASSER / DANS LA TIMELINE
- « 5 choses que vous ne saviez surement pas à mon sujet
- » Recette d’un gros site web2.0 ?
- CLASSER / DANS Ergonomie Web architecture de l'information
- « Optimisez vos mise en page, votre architecture de l’information et utilisabilité.
- » Les utilisateurs liraient nos pages selon un F
COMMENTAIRES / 3 COMMENTAIRES
daweed a ajouté(e) ces petits mots le Jan 22 07 ˆ 10:50 amhummm…
Un petit point de dessacord…En effet, on voit de plus en plus de blog ou le menu se trouve a droite et non pas a gauche ( cf WordPress / dotClear )
Ensuite, concernant le panier. On le trouve aussi enormement sur la colonne de droite ( cf apple. fr / ldlc … )
Enfin… c’est juste histoire de….
.monsieur.vd. a ajouté(e) ces petits mots le Jan 22 07 ˆ 12:24 pmBah en faites, la navigation principale des sites d’e-commerce est aujourd’hui sous forme d’onglets ou de menu horizontal, donc plutôt situé dans la partie supérieure de l’écran.
Mais donc toujours est-il que c’est étonnant de voir que les utilisateurs ont gardé instinctivement la mémoire du menu à gauche. Il est donc très judicieux d’y placer un sous menu pour une navigation interne…Après je ne connais pas beaucoup de site d’e-commerce en wordPress et dotClear :p
Mais bon ça pourrait être possible, perso j’ai pas trouvé ou vu d’exemple (hihi il te reste qu’a ouvrir un shop sur ton site monsieur.Daweed. pour me montrer) ou on avait une nav principale à droite, même dans les sites d’e-commerce en flash.D’ailleurs on peut voir de plus en plus de sites en flash, avec une ergonomie totalement immersive. Mes ces sites (Agent provocateur, advance flash, axio usa, Feelthe power, etc.) fonctionnent dans le cadre d’une série de produits limités (on se rappellera de l’échec de la trémière boutique en ligne boo.com dans les années 2000).
En ce qui concerne le panier c’est vrai qu’elle est plus ou moins excentrée vers le bas dans certains cas, toujours est-il qu’il reste quand même dans la périphérie du bord haut droit de la page.
D’ailleurs je conseille le “Web Design : E-commerce” aux éditions TASCHEN (plein d’exemples et d’études de cas) …
PARLE / AJOUTE TON COMMENTAIRE
Monsieur.vd. modére les commentaires.
