14 août
Etude de cas : eptiSoft (2/3)
La suite de l’étude de cas du site eptiSoft…
Navigation, ergonomie et accessibilité
Avant de parler de la navigation, je souhaite m’arrêter sur un détail très énervant : la vidéo de présentation. Je ne suis pas fan des vidéos qui se chargent toute seule et qui débute sans rien leur avoir demandé comme c’est le cas sur eptiSoft. Mais le fait qu’en plus le son soit activé (au bureau ou si on utilise son ordinateur comme lecteur multimédia, c’est une horreur d’avoir un son que l’on avait pas prévu !) et, pire encore, que la vidéo se relance à chaque fois que je tombe sur la page d’accueil, c’est carrément insupportable. En tout cas, c’est le genre de détail qui me fait quitter un site. Et je ne dois pas être le seul. Donc un conseil, ne jamais démarrer le son sans l’autorisation du visiteur et, surtout, dans le cadre d’une vidéo de présentation, ne la lancer directement que lors de la première visite. Il est assez simple de savoir si l’internaute est déjà venu (cookies ou ShareObject dans Flash…).
L’un des points les plus importants pour un site de e-commerce c’est la navigation. Elle doit être compréhensible facilement par tous (et ce n’est pas une mince affaire !). Pour eptiSoft, le problème est un peu le même qu’au niveau design. La navigation est un peu complexe.
Ci-dessous, je vous ai mis en rouge tous les accès à des menus de navigation…
Comme vous le voyez, il y a, sur cette page, plus de 9 accès à des outils de navigation. Ils sont tous un peu éparpillés sur la page ce qui rend certaines opérations peu intuitives. La difficulté ici c’est qu’il y a de nombreux menus et sous-menus car il y a beaucoup de catégories de produits. Je pense qu’il aurait été plus judicieux de rassembler les différentes options de navigation secondaire (moteur de recherche, tri, accès aux aides et contacts…) à un seul endroit pour simplifier le tout.
eptiSoft a opté pour des menus déroulants pour la navigation principale. C’est une bonne idée sur la papier car ça rend l’accès à un sous-menu plus rapide. Mais, dans la réalisation, cela pose un problème d’accessibilité. En effet, il est impossible de naviguer dans les menus par le clavier. Or, pour certains handicaps par exemple, cette navigation est primordiale. Il est donc dommage de se priver de certaines personnes (qui peuvent devenir des clients potentiels). Dans le même principe, l’activation de javascript est obligatoire sinon le visiteur est redirigé sur une page temporaire. Il serait intéressant de regarder dans les statistiques le nombre de personnes qui atterrissent sur cette page. On aurait ainsi une indication claire du nombre de visiteurs perdus. Toujours niveau accessibilité, il est dommage de ne pas pouvoir naviguer sur le site sans les images (cela peut arriver dans le cas d’une mauvaise connexion, ou dans le cas d’une visite avec certains navigateurs), le texte apparait alors en blanc sur fond blanc…
Après vérification sur différents navigateurs sur différentes plateformes, j’ai remarqué quelques bugs graphiques (sous linux et mac). Rien de dramatique. Par contre, il y a un gros soucis sous Safari (Mac) puisque l’on a carrément pas accès au panier !
Pour terminer avec l’accessibilité (car c’est un sujet qui me tient à coeur), il y a quelques soucis dans le respect des standards. Certaines balises sont utilisées à mauvais escient (des balises titres h4 alors qu’il n’y a pas de h3 ou h2, des tableaux qui servent pour la mise en forme et non pas des données tabulaires, etc.).
Enfin, on peut s’interroger sur les polices (un peu trop petites) et sur le fait que le site n’entre pas en 800×600.
Cela fait beaucoup de choses, certes, mais la très très grande majorité des sites font les mêmes erreurs. Le respect des normes (W3C) et les notions d’accessibilité ne sont pas encore entrées dans les moeurs malheureusement…
Passons aux bons points maintenant ! Et il y en a également un certain nombre.
Tout d’abord, tout est fait pour faciliter la première visite d’un internaute. On trouve un bouton en haut à gauche qui permet d’accéder à des explications plus détaillées du concept. Parfait !
Ensuite on retrouve une aide et une FAQ (Foire Aux Questions). Pratique pour rassurer le visiteur et l’accompagner.
Il y a également un plan du site, indispensable pour le référencement et pour faciliter la navigation des visiteurs.
Pour se repérer dans le site, il y a un fil d’ariane (Ex : > Logiciels Windows / Création numérique / Composition musicale). Le visiteur ne peut pas se perdre. Pour améliorer le tout, il serait intéressant de rendre les rubriques cliquables. Cela faciliterait encore plus la navigation et ce serait utile pour le référencement du site dans les moteurs de recherche. Toujours pour se repérer, un code couleur a été attribué par plateforme (Vert pour Windows, Bleu pour Mac…). C’est pratique et ça fonctionne très bien avec le design du site.
Je publierais le dernier volet de cette étude de cas dès demain matin…








