Vous faites entrer combien de variables dans un graphique ?

Le dernier article : le monde en mouvement, donne une très bonne vision sur … pleins de choses : l’évolution du monde en 200 ans, les grands évènements historiques, les écarts, à différents moment de l’histoire, entre les continents et les pays…

Et tout ça avec un seul graphique !

Tout l’art ici est de choisir la bonne représentation, pour qu’en regardant le graphique, les choses apparaissent comme évidentes.

Dans cet exemple, on a :

  • Couleur des cercles : continent
  • Cercle : pays
  • Taille du cercle : population du pays
  • Axe Horizontal : Revenus moyens par habitant
  • Axe Vertical : Durée de vie moyenne
  • Temps : Temps. Le graphique est animé, et les déplacements dans le temps montrent les évolutions des autres paramètres dans la durée.

On a donc 6 paramètres dans un seul graphique !

Et tout cela donne du sens : le graphique est un support aux idées de Hans Rosling.

Ce résultat, qui apparait comme évident, ne est le résultat d’un vrai travail.

Bien souvent, quand on fait des graphiques, on ne prend pas le temps de réfléchir à la lisibilité du graphique, et les choses ne sont pas claires : la lecture n’est pas intuitive, et cela ne donne aucun sens particulier.

Bon, bien sûr, le cas de Hans Rosling est extrême, puisque ce gars a quasiment mis sa vie à construire ce graphique.

Mais cela donne un bon « benchmark » pour construire des tableaux de bords : quelle histoire veut on raconter, quelles sont les données essentielles, et comment les mettre en avant ?

 

Review du livre d’Emmanuel Gadenne, le Guide pratique du Quantified Self

Cet article est écrit par Julien Chaumond, fondateur de Productism et invité de François sur ce blog.

Le Quantified Self, vous savez, c’est le fait de récolter de manière systématique des données sur soi-même pour améliorer sa santé, sa productivité, bref sa vie 🙂

C’est une tendance qui se développe aux Etats-Unis depuis un ou deux ans, portée notamment par Kevin Kelly (le rédacteur en chef de Wired), et Tim Ferriss (l’auteur de The Four-Hour Workweek). Emmanuel Gadenne, l’un des précurseurs français du Quantified Self, vient d’écrire un livre sur le sujet (dispo sur Amazon) :

 

Le livre contient de très nombreux témoignages de personnes mesurant et analysant diverses données (alimentation, exercice physique, sommeil, travail, etc.) et qui nous font un retour d’expérience sur ce qui marche, mais aussi ce qui ne marche pas (car à l’extrême, tout quantifier n’a que peu d’intérêt).

 

Le livre est très orienté santé/qualité de vie (moins productivité ou business), car les applications Quantified Self qui rencontrent le plus de succès aujourd’hui sont dans cette catégorie. On apprend d’ailleurs dans le livre que la santé est le 3ème catégorie en nombre de téléchargements d’applications dans les App Store (que ce soit iOS ou Android — après les jeux et les réseaux sociaux sûrement ?).

On y trouve aussi plein d’infos sur les outils, et notamment sur les objets connectés. On connaissait déjà la balance connectée de Withings, ou le Fitbit (un capteur qui permet de « tracker » votre exercice physique au file de la journée), mais aujourd’hui des objets encore plus surprenants apparaissent, comme une raquette de tennis connectée, la Play’n’Connect 🙂 :

 

Il y a également beaucoup de startups Web sur ce secteur, notamment autour de l’aggrégation des données avec par exemple Sen.se (fondée par rafi Haladjian, le créateur du Nabaztag), Didthis, etc.

Bref, un livre à recommander !

Nouveauté facebook : le bouton « Promote »

Cet article est écrit par Antoine d’Arifat, DG de Brand Online Commerce, invité de François sur ce blog.

La news est passée un peu inaperçue en France. Normal, le boton « Promote » a été lancé d’abord aux US. C’est l’équipe de notre filiale américaine qui nous en a parlé ce matin comme d’une évidence.

Le bouton « Promote » permet de booster la visibilité des posts de votre page. Ce bouton apparaît directement sur la gauche du bouton « Publier ». Vous pouvez choisir de promouvoir votre publication dès sa mise en ligne ou à postériori. Vous définissez un budget global. Facebook vous indiquera une estimation du nombre de personnes qui seront « atteintes ».

Voici comment cela se présente lors d’une nouvelle publication

On retrouve la même possibilité sur des publications déjà en ligne ici

Bien entendu on ne peut pas promouvoir des news qui ne seraient plus très « fraiches ». Cela serait nuisible à la pertinence des fils d’actualités de vos fans. La possibilité de promouvoir son post n’est disponible que pendant 3 jours.

Cet nouvelle possibilité permet de donner un coup de « boost » à une publication en particulier qui va apparaître en bonne place dans le fil d’actualité des fans de votre page. Ce qui est très différent de la possibilité de promouvoir un post par de la publicité. Cette deuxième option existe déjà mais transfère le lien vers la news du coté droit de la page au milieu des publicités. Cette zone est par nature beaucoup moins regardée par la communauté des utilisateurs facebook.

Comme souvent pour facebook, cette nouvelle possibilité de promotion de contenu de pages va vers une surexposition des fans des pages à leurs publications. Cela va dans le sens des marketeurs. Mais cela va aussi avoir un impact négatif sur l’acquisition et la rétention de fans. Ils vont être en moyenne plus durs à convaincre car sûrs d’être surexposés. Ils coûteront plus cher à acquérir. Peu à peu les fils d’actualité des membres ressembleront de plus en plus à leurs boîtes mails, envahies par des mails promotionnels dont les cadences s’emballent d’année en année.

Bref, vous l’aurez compris, cette nouvelle possibilité de mettre en avant du contenu de vos pages arrive. Ne ratez pas l’occasion d’être parmi les premiers à l’utiliser. Mais soyez vigilants de ne pas en abuser au risque de perdre une partie de votre communauté de fans.

En attendant que cette option soit disponible en France voici quelques infos pour vous y préparer.

https://www.facebook.com/help/promote

 

Les aperçus de produits directement dans Twitter !

Cet article est écrit par Julien Chaumond, auteur du livre Social commerce et fondateur et CEO de Productism. Vous pouvez aussi suivre Julien sur Twitter.

Nous en parlions il y a quelques mois pour les produits Amazon : il va bientôt être possible, pour un plus grand nombre de sites partenaires (sites d’une certaine taille tout de même donc) d’utiliser les expanded tweets, c’est-à-dire des aperçus des liens partagés (fiches produits par exemple dans le cas du e-commerce, mais aussi articles de blog, etc.) directement dans le flux Twitter, ce qui d’après Twitter augmente le taux de clic et donc le trafic vers les sites partenaires.

— Un exemple d’Expanded Tweet pour un site de contenu —

— La preview d’un produit Amazon (avec photo produit, titre, descriptif) —

Samedi dernier se tenait dans le cadre de Futur en Seine (un événement sur les technologies en Ile-de-France) le premier événement développeurs de Twitter, avec des équipes de Twitter US.

Les équipes de Twitter ont donc profité de cette occasion pour présenter les expanded tweets (appelés Twitter Cards pour les développeurs) :

Concrètement, les sites partenaires doivent ajouter des balises très semblables aux balises Open Graph Protocol de Facebook (et partiellement compatibles, d’ailleurs), ce qui permet de spécifier une image et une description à afficher directement dans le flux Twitter lorsque l’URL de la page est partagée.

Twitter ouvre donc progressivement les partenariats Expanded Tweets avec des sites d’une certaine taille — pour postuler, c’est ici !

De l’importance de bien utiliser une solution e-commerce

Vous avez de grandes ambitions, et vous souhaitez refaire votre site e-commerce.

Vous avez fait (ou fait faire) un cahier des charges.

Vous avez choisi une solution open source (prestashop ou magento) et vous avez sélectionné une bonne agence, qui va faire les développements.

Quelques mois plus tard, le nouveau site est en ligne.

Bien sûr, tout n’a pas été facile : certaines fonctions qui étaient dans le cahier des charge n’ont pas été développées. Le planning a dérapé, …

Mais bon, globalement, le nouveau site est là, et vous êtes plutôt content d’avoir un nouvel outil, qui va vous permettre de décrocher la lune.

…

Rapidement, vous déchantez. On vous avait vanté les mérites de la solution open source choisie, la richesse fonctionnelle, les milliers de modules, la communauté.

Votre sentiment est d’être coupé de tout ça !

Pourquoi ?

Parce qu’a chaque fois que vous voulez ajouter une fonction, qui normalement s’active d’un simple clic depuis le back office, votre site est tout cassé.

Ou alors vous installez un module, et le résultat est le même : au mieux, le module ne fonctionne pas. Au pire, il casse le site.

Pourquoi tant de haine ?

La raison est simple : l’agence qui vous a développé votre boutique n’a pas respecté les standards de la solution. Au lieu de faire des développements sous forme de modules, de respecter l’architecture de la solution, ils ont « tapé dans le dur » et modifié directement le code du coeur de la solution.

Le résultat est que la boutique fonctionne… Mais que plus rien n’est évolutif. Vous devez faire développer toute évolution.

Moralité : il est super important de bien valider que la boutique que vous développez respecte les choix d’architecture de la solution retenue.

Pourquoi livrer en France n’est pas simple ?

Cet article est écrit par Augustin GUELDRY, fondateur de COLICOACH Conseil livraison et logistique e-commerce et du blog Livrezfacile.

Le 3ème marché européen du e-commerce, la France, continue sa croissance avec en 2011 une croissance de 22% et un C.A de plus de 37milliards d’euros et un panier moyen de 90€.

Je ne vais pas vous présenter ici tous les moyens qui permettent de booster vos ventes sur internet, il y a de nombreux spécialistes comme François pour cela 🙂

Je vais plutôt essayer de vous présenter le contexte de la livraison en France.  A la différence du web, en logistique les barrières ou contraintes géographiques ne sont pas encore abolies.

UN CONTEXTE GEOGRAPHIQUE TRES DIFFERENT :

Alors d’abord un petit rappel du contexte géographique car nos cours d’écoles sont maintenant un peu loin … et les réalités opérationnelles sont rarement rappelées dans notre monde « dématérialisé ». Pourtant elles ont une grande incidence sur la livraison de vos commandes et l’on ne peut comprendre la livraison aux particuliers sans cela ! Pour appréhender la spécificité de la France, il faut la comparer à ses voisins les plus proches et acteurs du e-commerce comme elle.

Géographie du 1er marché e-commerce européen : L’Allemagne

87% de la population est citadine et l’Allemagne ( 82 millions d’hab. 357.000km2 soit 231hab./km2) connaît une répartition démographique équilibrée sur son territoire avec 13 villes de plus de 500.000 hab. telles que Berlin à l’Est, Francfort à l’Ouest, Hambourg au Nord, Stuttgart au Sud-Ouest et Munich au Sud-Est. Le réseau national routier représente environ 8 % du routier total allemand. Cette répartition harmonieuse a permis de développer un réseau de transport dense où aucune région du pays n’est à l’écart des grandes voies de circulation.

Carte Allemagne :

Géographie du 2ème marché e-commerce européen : Le Royaume Uni

84% de la population du Royaume Uni est en Angleterre (51 millions d’hab. sur 130.00km2 soit 395hab./km2). L’essentiel de la population est concentré sur une sorte de quadrilatère d’à peine 300km de côté entre Londres et Bristol au Sud et Liverpool et Leeds au Nord. ( 5 villes de + de 500.000 hab.) Le réseau national routier représente environ 2,5 % du routier total anglais mais les faibles distances à couvrir constituent un atout indéniable pour la distribution de colis.

Carte Royaume Uni

 

Géographie du 3ème marché e-commerce européen : La France

La France ( 63 millions d’hab. 550.000km2 soit 115hab./km2 seulement Données de la métropole) connaît une répartition démographique déséquilibrée sur son territoire avec les principales agglomérations réparties le long du ligne Nord – Sud de 1000km (Lille- Paris Lyon et Marseille). La centralisation excessive autour d’une agglomération parisienne de plus de 12millions d’hab. ! Cette centralisation historique a engendré la création d’un réseau routier en étoile autour de Paris qui ne facilite pas les transports entre les régions. Enfin ce poids excessif de la zone parisienne (20% de la population totale française) crée des régions faiblement peuplées et éloignées des principaux axes routiers et cela sur un territoire 57% plus grand que l’allemand et 4 fois plus grand que l’anglais !! Le réseau national routier représente environ 4,5 % du routier total français.

Carte France

Vous comprenez maintenant mieux je l’espère l’importance de la géographie dans le e-commerce. On efface pas en quelques années le résultat de siècles de circulation et de répartition des hommes sur un territoire.

L’incidence de cette situation se retrouve à plusieurs niveaux dans la distribution des colis. En effet le e-commerce, en voulant abolir les distances pour rendre accessible les produits à tous et à toute heure, a souhaité proposer un délai unique. Mais cette promesse a un coût :

1° Les délais :

L’étendue du territoire et la faible densité de population (50% plus faible qu’en Allemagne et 70% plus faible qu’en Angleterre) a un impact sur les délais de livraison. Le Sud de la France est ainsi souvent distribué en 48H00 ou génère des surcoûts pour une distribution en 24H00.

2° Les coûts :

Le manque d’homogénéité de répartition des habitants sur le territoire, avec par exemple des régions à faible densité comme le Sud-Ouest ou le Centre de la France, rend la distribution plus coûteuse puisque la couverture de ces espaces est plus délicate.

3° La fiabilité :

Ce territoire spécifique fragilise la fiabilité au quotidien des livraisons puisque le moindre imprévu n’est généralement pas rattrapable. Un colis qui rate la navette au départ de Lille ou Paris subira automatiquement un retard pour atteindre Lyon ou Marseille en raison de la distance. Les zones rurales étendues et faiblement peuplées ou les régions montagneuses sont aussi des réalités que l’on ne peut ignorer.

Ce contexte géographique de la France a façonné la constitution et l’évolution des réseaux de transport depuis des décennies avec un réseau en étoile autour de Paris qui ne favorise pas les échanges inter-régionaux.

Nous verrons dans un prochain article le fonctionnement et les acteurs de la livraison en France. Vous pourrez ainsi mieux appréhender le moyen d’optimiser votre distribution dans ce pays toujours un peu à part…

Une nouvelle rupture dans le web : les écrans ultra haute résolution

Apple a sorti un nouveau portable, le macbook pro retina.

Avec ces 2 880 x 1 800 pixels, on est bien loin des écrans classiques d’ordinateurs.

Ce n’est pas le premier écran ultra haute résolution, puisqu’Apple a sorti, il y a quelques mois, le nouvel iPad, qui a également une très haute résolution (de 2 048 x 1 536 pixels).

C’est une vrai rupture, parce que cela change le contenu à gérer pour un site e-commerce (ou un site en général).

Pour avoir un affichage nickel, sur un tel écran, il faut envoyer des photos adaptées, avec une résolution bien plus élevée.

Cela touche les photos, mais également toutes les images du site : image pour les boutons, les éléments de décoration du site, …

Je ne vais pas entrer dans la technique, mais on peut adapter son site de manière a afficher de très belles photos sur de tels écrans.

Cela pose plusieurs problèmes :

  • Si on met les mêmes photos sur tous les écrans, on charge le poids de toutes les pages, alors que ces images ne sont utiles que pour certains écrans.
  • Un utilisateur peut avoir un écran ultra haute résolution, mais avoir un débit faible. Si on lui met des images trop lourdes, il aura un bel affichage, mais devra attendre trop longtemps.

On est donc en face d’une nouvelle rupture, qui impacte la façon de réaliser les sites web.

 

L’ergonomie incitative : il reste du travail !

Prenons les plus gros sites e-commerce (d’après le classement de la Fevad, et en enlevant les sites étrangers) :

  • CDiscount
  • Priceminister
  • Fnac
  • Voyages Sncf
  • La Redoute
  • VentePrivée
  • Pixmania

Je m’arrête là.

Ces sites mettent ils en place les principes de l’ergonomie incitative ?

Pour rappel, les principes de l’ergonomie incitative sont assez simples.On peut résumer de la façon suivante :

L’idée est de proposer à l’internaute un « chemin unique », balisé par un code graphique sans ambiguïté.

Concrètement, sur les sites marchands, il s’agit bien sûr de baliser le chemin, depuis l’ajout au panier jusqu’à la confirmation de commande.

Donc, le bouton auquel on veut associer l’ergonomie incitative doit avoir la même forme, la même couleur, les mêmes codes graphiques, sur toutes les pages.

De plus, la couleur doit trancher, par rapport à l’ensemble des autres couleurs du site.

Petit plus appréciable : le bouton est encore plus incitatif s’il change au survol et au clic.

La référence dans le domaine, je ne vais pas vous étonner, c’est Amazon bien sûr, avec son code graphique bien connu :

(on verra, sur un autre billet, la différence entre ergonomie et ergonomie incitative)

Allons voir sur les sites en tête du classement ce que ça donne.

Premier candidat : CDiscount

Le bouton d’ajout au panier est bien sur un code couleur qu’on ne retrouve nul part ailleurs.

Sur la page panier, les choses se gâtent :

…

Le bouton qui devrait être incitatif, c’est le bouton « passer commande », tout en bas de la page.

La bande verte au dessus « mon panier » reprend les codes couleurs incitatifs. On n’est donc plus avec de l’ergonomie incitative, le bouton est noyé dans la page (et tout en bas en plus).

Deuxième candidat : Priceminister

On n’a pas d’ergonomie incitative : la couleur du bouton est bien trop proche de la couleur du logo, et de la couleur du bouton Rechercher.

Sur les pages suivantes, le bouton principal devient rouge, puis bleu sur la page d’après…

Donc, on est bien loin d’une ergonomie incitative.

Troisième candidat : Fnac.com

La couleur du bouton est celle du logo, et cette couleur est reprise un peu partout sur le site.

Dommage, car sinon, d’après ce que j’ai vu, ce site a fait un véritable travail de fond pour avoir une vrai cohérence sur les boutons, dans les différentes pages.

 Quatrième candidat : Voyage-Sncf

La aussi, il y a eu un vrai travail d’armonisation des boutons, mais la couleur ne ressort pas du tout : bleu sur bleu…

 

Bon, vous aurez compris l’idée : même les plus grands sites ne mettent pas en place certains principes de base de l’ergonomie incitative.

Vous pourrez me dire : et alors ? Ils ne s’en sortent pas plus mal.

Et bien ça se discute 😉

Bien sûr ces sites font de beaux chiffres. Mais ils pourraient faire mieux… Améliorer le taux de transformation, sur de tels sites, c’est super important, comme sur n’importe quel site en fait.

Mais les sites sont gros, les chemins de décisions pas toujours linéaires… Et les sites s’en ressentent.

Le côté positif, c’est que ça montre qu’on a du chemin à faire, des marges de progression 😉