Déplacer - Fermer
Connexion

Firefox 3 beta disponible



Tout est dit, si vous vous sentez une âme de bêta-testeur, c'est par là !
 

Pratiques de Cross-selling et ergonomie web

Récemment consulté pour la création d’un site de e-commerce, j’ai eu l’occasion d’observer quelques pratiques courantes de cross-selling sur Internet. Pour mémoire, le cross-selling consiste à proposer des produits complémentaires ou du même domaine lors d’un achat pour développer les ventes, c’est le fameux « cirage -chaussettes- imperméabilisants » pour une paire de chaussures ou le « Les clients ayant acheté cet article ont également acheté : », qui a fait le succès d’Amazon.
Un cross-selling réussi vous permet d’augmenter votre panier moyen, élément non négligeable quand les coûts d’acquisition client sur le web ne cessent d’augmenter.

L’enjeu consiste donc à rendre visible des produits qui ne le sont pas naturellement pour l’internaute. Concrètement, je ne pensais pas acheter une sacoche pour mon ordinateur portable mais on me l’a proposée au bon moment et je me suis laissée tenter. Une garantie ou un clé USB aurait pu faire l’affaire.

Pousser l’ensemble des gammes additionnelles ou seulement des produits particuliers, là réside le dilemme pour le vendeur. Illustrer et montrer l’étendue des possibilités pour susciter l’achat, d’un point de vue ergonomique, ce n’est pas toujours évident.

  • La vente croisée selon ldlc
Ci-dessous sur le site ldlc.fr, la liste des « articles associés » pour reprendre leur terme (en réalité des gammes) est peu attractive : non illustrée et peu lisible (blanc sur fond bleu clair), trop compacte. Elle n’incite pas au clic. Enfin, pourquoi ne pas remonter directement les produits puisque ces lignes sont toutes réduites à 1 seul article.
Bref, si on ne sait pas déjà quel produit complémentaire acheter, on sera peu enclin à cliquer.

ldlc & cross-selling

La liste des produits achetés par les internautes est, elle aussi, trop compacte, les produits non différenciés, les termes trop techniques ou non traduits. Il faut être expert informatique pour se plonger dedans.

  • Amazon ou comment maximiser le nombre de produits présentés
Nettement plus réussi, Amazon a récemment développé son système de cross-selling en augmentant le nombre de produits et de gammes de produits présents à l’écran sur la fiche produit.

Ci-dessous, pour l’achat d’un livre jeunesse, on se verra proposer des livres du même thème, et aussi une gamme de produits similaires comme les DVD jeunesse ou une gamme liés à la cible comme des jeux et jouets puisque nous sommes est dans le rayon jeunesse. Toutes les possibilités de croisement de ventes sont offertes.

On notera la présence des visuels et la possibilité d’afficher plusieurs pages produits dans la même sans recharger la page, -merci AJAX - pour le confort de l’internaute.

amazon & cross-selling

Occupant quasiment le même espace à l’écran que la liste de ldlc, il ne fait aucun doute que le taux de transformation doit être plus élevé chez Amazon. Où l’on commence à raisonner en termes de CA/pixels²…

  • Le procédé de la FNAC : simple, intuitif et fluide
Après avoir mis votre article micro-informatique dans votre panier sur le site de la FNAC, votre navigation est naturellement prolongée par une proposition de gammes de produits complémentaires « Profitez pleinement de votre produit » : services, accessoires dédiés, imprimantes, stockage portable, casques et autres accessoires LAPTOP. Le visuel explicite et la mention complémentaire / indispensable aide au choix.

fnac & cross-selling1

Choisissez celle qui retient votre attention : une offre promotionnelle en exclusivité sur le canal web est mise en avant tandis que la gamme se déploie au dessous, proposant plusieurs pages produits, affichées sans rechargement de page.

fnac & cross-selling2

Pour finir, vous pouvez zoomer sur un produit, l’ajouter à votre panier sans se rendre sur la fiche produit. Que demander de plus ?

fnac & cross-selling3

Tout ceci en OpenLaszlo, extrêmement fluide et plaisant à l’œil.

N’est-ce pas un procédé de cross-selling à l’ergonomie innovante et, qui plus est, réussi ?
 

Accessibilité et Flash CS3


Adobe proposait mardi 28 août un séminaire en ligne afin de présenter les solutions mises en place dans le cadre de l'accessibilité au sein de la nouvelle version d'Adobe Flash CS3. Le résultat des développements est assez impressionnant. En effet, pour les outils d'aide technique comme Jaws, l'ensemble du contenu du flash peut être lu comme si le texte était en HTML. La navigation y est également simplifiée.

Tout se passe en actionscript ou les fonctions d'accessibilité ont été implémentées (un petit module graphique est également disponible). Il est ainsi possible de définir un nom pour un élément et également le contenu qui doit être disponible pour les aides techniques. Adobe en a profiter pour simplifier la gestion de la tabulation des éléments permettant une navigation simple, notamment pour les personnes mal-voyantes.
La démonstration a été réalisée sous Windows, mettant en avant la technologie Microsoft Active Accessibility (MSAA). Reste à savoir comment les solutions Flash fonctionnent dans un environnement MAC ou Unix.

Pour aller plus loin :
- Adobe Flash CS3
- Adobe accessibility (en anglais)
- Le blog d'Adobe sur l'accessibilité (en anglais)
- MSDN Microsoft Active Accessibility (en anglais)

 

Prends tes clics et tes clacs !

Avez-vous déjà fait l'expérience d'une interface sans clic ?

Si ce n'est pas le cas, je vous conseille de vous rendre sur le site dont click, qui propose une expérience ergonomique assez unique : une navigation totalement exempte de clic.

Le site existe depuis quelques temps, mais il vaut le détour pour ceux qui ne le connaissent pas. Les contenus sont intéressants, et l'expérience se révèle agaçante ou reposante.

A vous de juger!


 

Le Technorati nouveau est arrivé !

Le fameux moteur de recherche de blog Technorati vient de lancer sa nouvelle version qui comporte beaucoup de changements et d'améliorations.

Pour commencer le titre de "moteur de recherche de blogs" n'est plus d'actualité car trop réducteur.

Technorati v2 est un moteur de recherche de "flux".

Dès que vos informations, vidéos, billets de blogs, podcasts sont taggués, aggrégés via un flux rss etc... alors ils ont de fortes chances d'être référencés par Technorati.

Un des grands changements est donc cette capacité, lors d'une recherche, à filtrer (via des onglets) les résultats. Des résultats de recherche qui sont désormais catégorisés :
  • Posts : les billets, actus relatifs a votre recherche.
  • Blogs : les blogs dont la thématique correspond à votre critère de recherche.
  • Vidéos : Remonte les vidéos tagguées avec votre recherche. Manifestement DailyMotion ne figure pas dans les résultats ce qui est plus que dommage pour nous Frenchies qui privilégions ce portail.
  • Images : Vos comptes Flikr scannés par Technorati.
  • Evenements : manifestations, conférences... relatives à la recherche. Pour être référencés dans cette catégorie il faut poster sur Eventfull.

Technorati oeuvre donc activement pour un web plus ordonné. Cette notion de Web Sémantique était un des grands objectifs de Dave Sifry (CEO de Technorati) lors de sa conférence au Web3 en décembre dernier. J'ai eu la chance (en compagnie de Caroline) d'assister à cette intervention et nous avons été séduits par son discours.

Il s'est étendu sur l'importance des microformats. Pour être très réducteur les microformats permettent de tagguer les infomations contenues dans une page directement dans le code html via des balises prédéfinies. L'accès direct à une information (téléphone, adresse etc) se retrouve alors grandement facilité pour les moteurs de recherche.

Un des changements notables (chez nous du moins) de ce nouveau Technorati est qu' X-PRIME y figure. Nos posts sont accessibles de manière directe et non plus via d'autres blogs inscrits. Notre chiffre "Authority" est encore un peu léger mais on y travaille activement.

Pour en savoir plus je vous invite à consulter les liens suivants : Notons, et ce n'est pas qu'anecdotique, le design du site me semble désormais plus ludique et surtout efficace.
 

Graybit : Un outil pratique pour vérifier le contraste de vos couleurs

Cela n’échappe à personne, il est plus facile de lire un texte noir sur fond blanc qu’un texte blanc sur fond jaune.

Graybit propose dans ce cadre un petit outil bien pratique, en convertissant les couleurs de votre page en une échelle de gris. Efficace pour vous mieux appréhender les contrastes de vos pages. Bon, l’outil a ses limites (techniques notamment), mais le test est rapide et le résultat visible immédiatément.

Un point à respecter pour reposer nos pupilles et répondre aux critères d’accessibilité du W3C notament celui-ci:

...la combinaison des couleurs entre le premier plan et l'arrière-plan doit utiliser suffisamment de contraste lorsqu'elle est utilisée par des personnes souffrant d'un déficit de perception des couleurs ou sur un écran noir et blanc...