Analyse sectorielle e-commerce

Transcription

1 Analyse sectorielle e-commerce 1 CARQUIN Nicolas GIRARD Guillaume HUC Benjamin Nous avons réalisé une analyse sectorielle pour les sites de e-commerce suivant : Cdiscount, Amazon et La redoute.

2 Cdiscount 2 Style analysé cdiscount.fr 1 ère impression Surchargé, trop agressif pour l œil, trop d information à l écran Cohérence Responsive Le site est cohérent Non cohérent Structure Graphisme Ergonomie -Les menus horizontaux sont correctement positionnés -Barre de recherche bien positionné -bonne séparation des contenus -fil d arianne au dessus du fold -Beaucoup d animation -écran surchargé d information -Les couleurs agressent l œil -pop-up persistant même après fermeture -couleur qui se répète dans le menu -fil d arianne -horloge sur la page d accueil pour suivre les offres spéciales -liberté certaine quant à l achat. On nous propose de créer un compte ou de choisir un compte existant -calcul du prix automatique -menu qui ne respecte pas la règle des 7 items -trop d informations = pas d informations -jusqu à 4 menus différents par page -trop de texte dans le footer -site non responsive -site qui pousse trop à la consommation -Difficulté à trouver les descriptifs des articles -Lorsqu on passe la souris sur une photo d article le zoom s enclenche automatiquement Se qui bloque la navigation -Lorsqu on

3 3 ajoute quelque chose au panier des fenêtres d offres s ouvrent pour des garanties ou assurances -Même dans «mon panier» le site continu à donner des offres pour les différents produits qu on a ajouté -Le site est trop lourd (animation, contenu, etc ) chargement long Préconisation pour la refonte Réduire le nombre d items dans le menu, limiter le nombre d informations afficher à l écran, changer les couleurs pour qu elles agressent moins l utilisateur

4 Amazon 4 Style analysé 1 ère impression Cohérence Responsive Amazon.fr site bien structuré et aéré très cohérent non Structure Graphisme Ergonomie -La mise en page respecte les normes du web et l organisation est adaptée selon la page où l on se trouve, Menu déroulant sur les liens à gauche et sur la barre du compte, fil d Ariane audessus du «fold», une partie des historiques récents est mis en place en bas de la page d accueil -Fil d Arianne peu visible, compte obligatoire afin de faire des achats, l historique récent est en bas de la page ce qui est dérangeant si l on souhaite retrouvé un article il faut allez en bas de la page -Style neutre et basique qui rend le site classique, esthétiquement beau, sur la page d accueil des publicités avec des articles sont présenté afin d attirer les visiteurs à les acheter -Style neutre et basique qui rend le site un peu trop sobre car ne suit pas les tendances -Accessible à tout le monde, même avec des problèmes de vue, recherche très facile sur ce site, règle des «3 clics» respecté, prix calculé automatiquement selon les articles qui ont été sélectionné dans le panier (petite croix pour les sélectionner dans le panier, possibilité de partager les articles sur les réseaux sociaux afin de les montrer à des amis -Nonresponsive, la règle des 7 items n est pas respecté ce qui rend le menu lourd à affiché, retour en arrière difficile à faire si on a par malheur cliquer sur «passer la commande», le bouton de partage des articles sur les réseaux sociaux est peu visible Préconisation pour la refonte Un site un peu plus moderne lui donnerait un coup de neuf, rendre le site responsive et augmenter la visibilité du fil d Ariane. Il faudrait aussi mettre la partie historique récent à la place des publicités afin d optimiser l historique récent.

5 5

6 LaRedoute 6 Style analysé 1 ère impression Cohérence Responsive laredoute.fr Le site paraît assez bien structuré cependant trop d'informations dans le menu. La cohérence est très satisfaisante, on obtient la même structure de page, peu importe ou on se situe, ce qui facilite la navigation. Non Structure Graphisme Ergonomie -Même structure sur toutes les pages, ce qui facilite la navigation. -Le menu et le fil d'arianne au dessus du fold de 580px -L'accessibilité des menus sont bien pensés on arrive à trouver rapidement ce que l'on recherche. -Sobre, thème noir et blanc, apporte un cachet certain avec tout de même des touches de couleurs qui viennent rehausser le graphisme. -Mais c'est finalement, un graphisme peut-être un peu vide qui ne suis pas les tendances actuelles. -Interface claire, on sait rapidement ou cliquer et ou ça va nous mener. -Quand on visualise des articles tous les liens se rapportant à ceux-ci sont cliquables, on ne peut pas se tromper. -Les coloris des articles sont apparent si disponible et s'affichent lors du passage de la souris le zoom sur article est déclenché par l'utilisateur, et non imposé. -Items des menus et des sous menus trop nombreux, on dépasse largement des 7(+ ou - 2) items préconisés. -Site un peu lourd à charger, beaucoup d'images de bonnes qualités qui peuvent ralentir les connexions les plus basses. -Pop up lors de l'ajout au panier. -On est bien guidé quand on veut cliquer, par exemple pour

7 7 ajouter au panier il faut avoir préalablement choisis une taille et une couleur, si ce n'est pas le cas, une infobulle nous prévient. -Fil d'arianne -Le prix du panier est recalculé automatiquement. -Des balises d'aides sont présentes assez fréquemment aidant ainsi l'utilisateur dans sa recherche. -Lors de la rédaction du formulaire les informations sont validés ou refusé, avec dans chaque cas une validation claire ou un refus avec des informations sur ce qu'il faut corriger! Préconisation pour la refonte Peu de choses en réalité.. Refaire les menus et sous menus trop volumineux mais en essayant de sauvegarder la règle des 3 cliques qui est déjà présente. La deuxième chose, serait de remettre le graphisme à jour en suivant les tendances de 2012 / 2013.

8 8

9 Synthèse 9 Après avoir analysé ces différents sites marchands que sont Amazon, LaRedoute et Cdiscount nous avons pu tirer différentes règles à faire et à ne pas faire dans la conception d'un site d'e-commerce. Trop d'information = pas d'information. En effet, on a remarqué qu'avec Cdiscount l'internaute était noyé sous les contenus en tout genre ce qui avait pour conséquence de le perdre assez rapidement. Alors que sur des sites comme Amazon ou LaRedoute, l'interface était suffisamment claire et explicite pour que la navigation se déroule correctement et se solde par un achat. Il ne faut pas forcer l'utilisateur à l'achat. Là encore Cdiscount montre le mauvais exemple en submergeant l'internaute de pop-up commerciaux, voir en ajoutant des garanties, ou des offres dans son panier... à lui de les désélectionner. La présentation des articles est une chose prépondérante dans les magasins, c'est la même chose pour les magasins en ligne. Le fait de pouvoir choisir en direct la couleur et voir le résultat est une chose attrayante pour le consommateur ainsi que le fait de pouvoir zoomer sur l'article. Il faut bien entendu que le zoom soit un choix et non quelque chose d'imposé par simple passage de la souris. Là encore Cdiscount pêche et fait des zooms dont il est difficile de sortir bloquant temporairement la navigation. La gestion des formulaires est quelque chose d'important pour les sites d'ecommerce. Là ou LaRedoute est particulièrement efficace c'est dans la prévention des erreurs de formulaire. Nous sommes guidés à partir du moment ou nous avons placé un article dans notre panier jusqu'au paiement. LaRedoute signale de façon très claire les erreurs en surlignant en rouge et en indiquant ce qui était demandé, mais montre également de manière efficace les champs correctement remplis en les surlignant de vert. Des cases d'aide sont aussi présentes pour soutenir l'utilisateur.

10 10 La difficulté majeure dans la conception de site d'e-commerce est de faire des menus ergonomiques. Entendons par là des menus qui respectent la règle des 7 items en vu d'agir sur la mémoire à cour terme de l'utilisateur. Avec ce concept, ne pas oublier celui des 3 cliques qui permet une information rapide et de qualité à la portée de tout utilisateur.