Oscaro.com lancé en 2001 permet d’acheter des pièces automobiles en ligne. Ce nouveau filon intéresse d’autres acteurs du web comme le géant Amazon depuis mars dernier. Alors est-ce que notre pure-player classé 20e en France tient-il ses promesses de simplicité et d’efficacité ? Voici une brève analyse de sa fiche produit.
Une navigation difficile
En arrivant sur Oscaro, j’ai été surpris par l’absence d’un menu de navigation. Sur la page d’accueil, l’utilisateur est guidé et choisit une catégorie, puis une pièce mais une fois sur la fiche produit, comment retourner dans une catégorie ? C’est surprenant.
L’unique bouton de navigation « Retour » est placé à droite, ce qui n’a rien de conventionnel. L’utilisateur aura tendance à le chercher en haut à gauche et pourra avoir du mal à le repérer. Le fil d’Ariane n’est lui aussi pas présent pourtant bien pratique pour remonter dans les catégories rapidement. Pensez à toujours faciliter la navigation sur votre site.
Inciter à mettre au panier
L’objectif de cette page est d’amener l’utilisateur à ajouter le produit dans son panier. Ce bouton doit donc être l’élément mis en valeur ainsi que toutes les informations nécessaires pour exécuter cette action comme le prix, la disponibilité.
Ici l’utilisateur ne peut pas voir le prix du produit, ni le bouton d’ajout au panier à l’ouverture de la page. Le bouton est situé bien en-dessous de la ligne de flottaison repérée par la zone bleue claire. (Résolution entre 1024px et 1920px) (suite…)
Wexperience animera pour le Groupe 3SI prochainement une conférence sur le thème de l’ergonomie et de son importance dans le monde digital. A cette occasion, j’aborderai notamment la problématique de la simplicité des interfaces. Dans un monde de plus en plus « touffu », où le consommateur est sollicité « jusqu’à la moelle », où l’offre commerciale déborde par tous les pores de l’environnement, comment le ecommerçant peut-il se détacher de la concurrence ? Telle est la question. Et en quoi l’ergonomie peut-elle y aider ? Telle est l’autre question.
La simplicité comme vecteur de différenciation et de performance commerciale
Une des réponses est la simplicité. Là où tout vos concurrents se déchirent à trouver des moyens d’attirer l’attention en reprenant les méthodes traditionnelles du marketing papier, vous devez arriver à vous détacher en proposant des interfaces lisibles, faciles à appréhender, reposante ou l’agressivité traditionnelle du commerce doit être dosée presque de manière homéopathique de manière, et c’est là qu’est tout le paradoxe, à attirer l’attention de votre utilisateur qui ne cherche qu’une chose : c’est à y voir clair.
Il est facile de tirer ce constat :
Les consommateurs passent de plus en plus de temps devant les écrans
Les écrans fatiguent beaucoup plus que les formats traditionnels de communication
Les écrans divers et variés disponibles sur le marché sont des interfaces complexes qui requièrent beaucoup d’attention et de concentration de la part de leurs utilisateurs.
Dans l’enfer actuel du ecommerce, la prime ira donc au plus simple, comme nous le rappelle encore le succès de Leboncoin, le plus grand site de ecommerce français.
Le succès de Leboncoin.fr est due en partie à la grande simplicité de son interface permettant de toucher une cible élargie de français de tous âges et de toutes catégorie sociale faisant du site presqu’une institution nationale
Mais tout d’abord une remarque : les sites ont une propension naturelle avec le temps à prendre de l’embonpoint visuel et à se complexifier.
Les raisons en sont multiples : (suite…)
Cet article sera le premier d’une série concernant le emerchandising sur différents sites de mode. Pour cette première, nous nous focalisons sur les fiches produit « homme ». Après avoir vu et analysé plusieurs sites, WeXperience vous propose quelques points fondamentaux. Vous pouvez suivre cette rubrique en vous abonnant à notre compte twitter ou à notre newsletter.
1- L’importance du visuel
Le dicton « je ne crois que ce que je vois » peut être employé pour l’élaboration d’une fiche produit. Généralement situé sur la gauche, le visuel doit être clairement optimisé tant sur la qualité de la photographie que sur l’élaboration de son zoom. En mettant l’accent sur une excellente qualité de photo et un nombre de visuels suffisants, cela permet en parallèle de pouvoir alléger le descriptif de son produit. Bien travailler son visuel, c’est permettre de donner des informations qui n’auront pas besoin d’être écrites. Parmi les sites vus, Jules et Zara sont incontestablement au point.
Le traitement du visuel est la priorité chez Jules
2- Délimiter ses blocs d’information
Par la suite, mettre à disposition un descriptif pertinent et des étapes de choix (couleur et taille) efficaces sont également des priorités importantes. Cependant, il ne s’agit pas de les mettre en place n’importe comment. Celio et H&M proposent deux façons de procéder :
La marque française oriente sa fiche produit vers l’action de l’utilisateur. Après le visuel, il est proposé de choisir directement la couleur et la taille du produit. Le tout est élaboré en étapes numérotées avec des intitulés s’adressant directement au consommateur. Le descriptif plus détaillé du produit se trouve en dessous de l’image, moins visible.
Du côté des Suédois, description de l’article et choix sont alignés sur la droite de la fiche produit. La délimitation se fait à l’aide de deux colonnes qui permet un bon équilibre des informations. En complément de visuels de moyenne qualité, le descriptif est de suite lisible et l’on perçoit facilement les actions à mener avant d’ajouter sa chemise au panier.
Celio oriente sa fiche produit sur l’action de l’utilisateurH&M propose une autre façon de présenter le descriptif
3- Une bonne gestion des erreurs Il faut également prendre en compte que, après avoir bien mis en place ses informations, nous ne sommes jamais à l’abri d’une erreur (oubli du choix des tailles, mauvaise couleur) au moment de cliquer sur le bouton panier. Dans ce sens, l’initiative de prévenir avant de cliquer ou de corriger ce qui n’a pas marché est normal. Cependant, il est important de penser un message pertinent et une visibilité efficace. Généralement, les sites proposent une petite bulle d’information situé au dessus du bouton panier ou à l’emplacement où a été commise l’erreur. Voici deux exemples de messages d’erreur ci dessous:
Jules propose une infobulle après le clic, mais peu visibleH&M prévient l’erreur, une infobulle visible sur le bouton
Bien sûr, d’autres petites choses sont à penser pour optimiser sa fiche produit. Mais il est fondamental de beaucoup travailler ces trois points pour offrir une présentation efficace à l’utilisateur.
Arrêtez de prendre les seniors pour des impotents !
Les seniors, les plus gros consommateurs du web
Une étude réalisée par LH2 pour le compte de Kelkoo le révèle récemment, les seniors (vous savez, ces personnes âgées de plus de cinquante ans qui sont censés être réfractaires à toute technologie) sont, pour ce qui concerne le créneau du ecommerce, les plus gros consommateurs. Cela peut apparaître comme une surprise, mais à bien y réfléchir pas tant que ça :
Les seniors (population des 45 et plus, selon certaines catégorisation) sont les personnes qui détiennent en moyenne le plus fort pouvoir d’achat
Lorsqu’ils sont à la retraite, ce sont eux qui disposent aussi du plus de temps pour surfer, mais, mieux encore, ce sont eux aussi qui vont apprécier le fait de ne pas avoir à se déplacer pour effectuer leurs achats
Les seniors sont des gros consommateurs de voyages en ligne, secteur qui a explosé sur Internet ces dernières années
Je suis certain qu’on pourrait encore citer beaucoup de raisons à leur surreprésentation dans la population des consommateurs français, mais cela devrait nous obliger à un tirer un constat alarmant (?) : les sites ecommerce ne sont pas adaptés aux seniors.
Les sites Internet ne sont pas adaptés aux seniors
Otons d’abord de notre esprit que les seniors soient des handicapés du clavier. C’est tout bonnement faux. Beaucoup d’entre eux (au moins pour les cinquantenaires et les jeunes retraités) ont eu l’occasion de se familiariser avec l’informatique, au moins, dans le cadre de leur activité professionnelle et sont donc loin d’être novices en la matière.
Bien sûr, il ne sont pas nés avec une souris au bout de l’index, mais cela ne les empêche pas de savoir se débrouiller aussi bien que la plupart des jeunes, et même sans doute parfois mieux. Contrairement à leur progéniture, les seniors prennent plus le temps de lire les informations à l’écran, ils réfléchissent plus avant d’agir et commettent moins d’erreurs.
Les seniors ne sont pas un groupe homogène
Toutefois, parler des seniors, c’est un peu comme parler des « d’jeuns ». Le mot senior recouvre des populations disparates avec des niveaux d’expertises très variées en ce qui concerne les usages de l’informatique (le plus souvent, je crois pour des raisons socio-professionnelles). Par ailleurs, un senior de 70 ans n’est pas un senior de 50 ans. A partir de certain âge, il est évident que l’action de la vieillesse commence à avoir un impact important sur le comportement de navigation : la vue baisse sensiblement, la dextérité de la main se fait moins grande, la mémoire est moins précise et moins rapide. Il n’en reste pas moins qu’à 70 ans, on reste un consommateur de plein droit au même titre que n’importe qui. Je pense même qu’on a plus besoin d’Internet à 70 ans qu’à 50 ans. On reste plus souvent chez soi et pouvoir bénéficier de service à distance prend une importance capitale. C’est un véritable progrès que le Web a apporté et il ne serait pas sérieux de ne pas mettre à la portée de cette population (en croissance permanente depuis des années) des outils adaptés à leurs physiologie. Pourquoi dès lors, les sites Internet semblent si mal adaptés aux seniors ?
3 raisons qui font que les sites ne sont pas adaptés aux seniors
La première raison, pourrait-on dire, est que les sites sont conçus par des personnes jeunes, des moins de trente ans la plupart du temps, qui n’ont aucun recul sur ces problématiques. Soyez honnête : combien de fois vous êtes vous préoccupé de problèmes d’accessibilité lorsque vous avez conçu votre site ? Combien de fois avez-vous essayé de raisonner en vous mettant à la place d’un seniors (à moins que vous ne le soyez vous même) ?
Les sites ecommerce sont donc conçus la plupart du temps pour des gens qui ressemblent aux concepteurs des sites eux mêmes. Autrement dit pour une minorité des cyberacheteurs. La deuxième raison est que le surcoût perçu pour adapter un site aux seniors est considéré comme un dépense inutile ou que l’on remettra à plus tard (« On verra, ça n’est pas important, de toutes façons, ils ne savent pas se servir d’un ordinateur. »). Rendre accessible un site à une couche plus grande de la population serait un gouffre de dépenses et il vaudrait mieux se concentrer sur le coeur de cible. Là encore, erreur ! Les surcoûts engendrés par une adaptation aux seniors peuvent être très bien intégrés à la phase de création de site sans « exploser les budgets ». Cette question est plus délicate pour ce qui concerne les sites déjà existants. La troisième raison est, je dirais, cette tendance maniaque qu’ont les français à vouloir faire des beaux sites plutôt que des sites utilisables. Le pire travers de ce défaut est l’habitude bien ancrée de penser que les petites typos c’est plus jolie que les grandes. On pourrait en citer d’autres.
Au final, je n’hésiterai pas à dire que la plupart des sites ecommerce manquent totalement leur cible quand il s’agit des seniors. L’exemple le plus emblématique en serait Cdiscount qui a sûrement décidé de les bannir de leur site étant donné le non respect absolu de toutes les règles de l’accessibilité et de l’utilisabilité de ce site.
Et pourtant, il ne serait peut-être pas si compliqué d’améliorer les choses :
Au fil des tests utilisateurs que nous effectuons chez Wexperience, voici quelques défauts que nous avons remarqués et qui peuvent être assez aisément corrigés :
Des polices de caractères trop petites
C’est un vice, chez les concepteurs d’écrire en tout petits caractères. Je ne sais pas d’où leur vient cette habitude, mais pensez qu’elle oblige la plupart des seniors à faire des efforts pour arriver à les lire.
Des pages trop fouillis
Les seniors ne sont pas les seuls victimes des pages trop chargées, mais ils y sont beaucoup plus sensibles. Rendez-les choses simples, bon sang ! Arrêtez de penser que vous devez mettre tout vos contenus à la fois sur une page. Sachez un peu mieux utiliser les règles de l’ergonomie pour n’afficher les contenus qu’à la demande et que lorsque c’est nécessaire pour éviter la surcharge des pages.
Des comportements présupposés erronés
Ce n’est pas parce que vous et vos collègues y arrivez que tout le monde va y arriver. Les concepteurs de sites présupposent trop les comportements et s’enferment dans des solutions ergonomiques qui ne sont finalement valables que pour eux et leurs homologues. Les générations au dessus de 50 ans ont des habitudes, des vécus tellement différents des jeunes que leur compréhension des choses en devient radicalement différente. Par exemple, nous avons vu dernièrement des testeurs remplir entièrement des pages de login (« client/nouveau client ») avant de cliquer sur le bouton valider sans comprendre ce qu’on leur demandait. Non, ne riez pas, votre site n’est peut-être pas aussi utilisable que vous le croyez.
Penser son site pour toutes les populations
Lors de la conception de votre site ou de son optimisation, tentez de vous mettre à la place de tous les types de visiteurs que votre site devra accueillir. Ce n’est pas si facile que cela, même si il existe des techniques pour le faire (les personas, par exemple), cela ne vous empêchera pas encore de faire des erreurs.
Laissez tomber vos préjugés
Observez, observez, observez ! Wexperience ne saurait que trop vous conseiller de faire tester au moins une fois votre site avant lancement. Ou bien, au moins une fois par an, un peu comme pour un contrôle technique. N’oubliez pas que si les seniors ne viennent pas sur votre site, c’est peut-être parce qu’ils n’arrivent pas à l’utiliser. Alors… faites le test !
