Archives par mot-clé : ARAOK !

Application iPhone du Figaro

Pas mal de journaux proposent une application iPhone :

Le modèle classique, c’est celle du Monde. Au début, la plupart des applications étaient sur ce modèle, assez bien fait il faut dire.

Le Figaro a souhaité se différentier.

Les premières tentatives étaient plutôt ratées, mais ils ont persévéré, et cela a abouti une version vraiment intéressante.

Cette page d’accueil présente les rubriques et les articles par rubrique. On navigue dans les articles verticalement, et on change de rubrique en faisant défiler la page, à gauche ou à droite.

Comme toute application bien conçue, on peut l’utiliser verticalement ou horizontalement :

Sur cette page, le mode paysage est complètement différent du mode portrait : de haut en bas, on navigue entre les rubriques, et de gauche à droite, on fait coulisser les articles. Très bien vu !

Cette ergonomie reprend les meilleures pratiques, adaptées au terminal (autre exemple : on actualise le contenu en « tirant » vers le bas).

Cela permet, pour l’usager, de prendre en main l’application, sans avoir à réfléchir ou à lire un manuel ;).

C’est bien de cette façon qu’il faut procéder pour créer une application réussie sur mobile (iPhone ou Androïd) :

On peut innover, mais il faut le faire dans le « sens du terminal » et bien sûr dans le sens de l’utilisateur : connaitre les usages du mobile pour créer une « expérience » riche, agréable, fluide.

Finalement, quand on y pense, naviguer entre des articles d’un journal, ou naviguer entre les produits d’un catalogue, c’est pas forcément si différent que ça ! Cela montre, à mon avis, tout ce qu’on peut faire, dans le domaine du m-commerce : créer une expérience plus immersive, plus riche, pour mieux présenter les produits.

La logistique pour les nuls

On parle souvent d’interface, de site web… Mais pour vendre, il faut s’occuper de tout un tas de choses, qui se passent « derrière ».

Exemple : comment stocker les produits ?

C’est une question qui n’a l’air de rien… Mais déjà, on peut dire que ça va dépendre des types de produits :

  • Nécessitent-ils d’être conservés dans une chambre froide ? à l’abris de la lumière ? Des courants d’airs ?
  • Sont ils sensibles au vol (petit, cher) ?
  • Sont ils gros, lourd, encombrants ?
  • Nécessitent-ils des conditions de stockage particulier (à plat, sur cintre, …) ?
  • Comment sont ils identifiés ? Par un code barre ? Par un nom ? Le nom est il un moyen infaillible d’identifier le produit ?
  • …

Pleins de questions donc.

En fonction des réponses, on choisi une organisation, pour stocker les produits, et réaliser le picking (opération qui consiste à aller chercher le produit pour préparer une commande).

Je ne vais surement pas tout détailler dans ce billet : des livres sont écrits sur ce sujet, c’est un vrai métier !

Je vais juste donner quelques pistes.

Pour bien travailler, il convient de fixer les objectifs. Comme toujours ;).

Pour un tel sujet, les objectifs peuvent être :

  • Gain de place : comment bien ranger les produits, pour qu’ils ne prennent pas de place ?
  • Gain de temps pour le picking : comment bien ranger les produits, pour aller le plus vite possible quand on prépare les commandes ?
  • Gain de temps pour le rangement des produits : comment gagner du temps quand le camion fournisseur arrive ?
  • Gain de « confort » : comment ranger les produits, pour ménager le dos des opérateurs
  • Minimiser les erreurs : Comment organiser le stock pour avoir le moins d’erreurs possibles ?
  • …

Bien sûr, toutes ces questions ne se posent pas de la même façon, que vous ayez 1, 10, 100, 1000, 10 000 commandes par jour !

On m’a raconté qu’une des « grosse boite » e-commerce française a eu une telle croissance qu’elle a du revoir complètement son organisation tous les ans, directeur logistique compris !

Et pour finir, un petit conseil :

Ne triez les produits par référence !

Une première idée peut être de trier les produits en fonction de leurs références.

Si ça peut marcher au début, on atteint très vite les limites d’un tel rangement :

  • Cela implique que les produits similaires seront rangés côté à côte : On augmente donc le risque d’erreurs.
  • Quand on reçoit de nouveaux produits, on doit tout décaler.

Il vaut mieux donc définir un rangement ou chaque emplacement a un identifiant unique (exemple : numéro d’armoire, numéro d’étagère, et ordre dans l’étagère).

Ensuite, on crée un tableau, avec la correspondance entre les produits et l’emplacement.

Quand une commande arrive, grâce au tableau de correspondance, on peut sortir la liste des emplacements ou il faut aller chercher les produits.

bon, une solution peut être de déléguer la gestion de votre logistique à un spécialiste (Orium, Crosslog, Morin Logistic, …).
C’est leur métier que de gérer tout ça, avec des relations privilégiées avec les transporteurs en plus.

Sinon, quand vous serez devenu le « maître du monde », vous pourrez vous équiper avec ces robots, qui permettent de déplacer les rayons plutôt que de déplacer les opérateurs chargés du picking :

Salon e-commerce de Paris – Cette semaine !

Le grand salon e-commerce français, le salon e-commerce de Paris, a lieu cette semaine, du 13 au 15 septembre, c’est à dire de mardi à jeudi.

Pour ma part, j’y serais au moins jeudi après midi, puisque je participe à une table ronde, organisée par Prestashop, sur :

Ergonomie et Tunnel de commande, les bonnes pratiques…

Toujours un plaisir d’échanger avec mes collègues, Jean Paul, Olivier et Ludovic.

Je n’aurais pas le temps de voir grand chose pour ma part, trop pris par plusieurs projets…

3D Secure sur voyages-sncf : le client a le choix

3D Secure or not ?

Vous savez, 3D Secure, cette solution de paiement qui permet de valider que l’achat est bien réalisé par le porteur de la carte.

3D secure permet donc de réduire les fraudes, mais réduit aussi le taux de transformation.

Bon, les choses s’améliorent, puisque les internautes s’habituent à ces nouvelles étapes proposées lors d’un achat en ligne.

Mais quand même, quel gâchi que les banques aient été incapables de se mettre d’accord sur une méthode unique d’authentification !

Les sites finissent donc, les uns après les autres, par intégrer ce système.

Voyages-sncf vient d’y passer, mais d’une façon très étonnante :

Comme vous pouvez le voir, c’est au client de choisir !

A mon humble avis, c’est une très mauvaise idée. Pourquoi ? Parce que cette question n’est pas une question pour le client, mais pour le marchand !

 

Buyster : c’est pour (très) bientôt !

Buyster est une solution de paiement, qui permet, avec les technologies actuelles, d’utiliser son téléphone mobile pour payer en ligne, soit sur les sites web, soit sur les sites mobiles (m-commerce).

Pour l’internaute, c’est simple :

Il suffit de s’inscrire sur Buyster, d’entrer sa carte de paiement.

Buyster stocke cette information pour vous.

Ensuite, pour payez, le mobile sert d’identification (avec saisie d’un code « pin » pour valider l’identité)

Cela permet d’éviter de retaper son numéro de carte bleue un petit peu partout.

La solution devrait être largement disponible en France, car elle est compatible avec tous les opérateurs mobiles, et avec la plupart des PSP (plateformes de paiement).

Bon, on est impatient de tester ça, la sortie officielle, c’est le 13 Septembre ! Avant l’iPhone 5 😉

Dès la sortie, le système devrait être opérationnel sur plusieurs sites e-commerce, dont certains sites de référence, comme Aquarelle, Kiabi, Spartoo…

L’évolution de l’offre SNCF et des services en ligne de voyage-sncf

Voyages sncf, c’est l’un des plus gros site e-commerce en France.

Bon, en même temps, c’est plus facile quand on est en situation de monopole.

A ce sujet, les choses changent avec la sortie de Capitaine Train, je vous en parlerais un autre jour.

Jusqu’à présent, on pouvait prendre un TGV avec une heure de battement, avant et après l’heure de départ.

Les choses ont changé cet été. Maintenant, on doit absolument avoir une réservation pour le train dans lequel on est.

En contrepartie, la « promesse » est qu’il est plus simple de changer sa réservation.

Autre évolution, le billet est maintenant dématérialisé, avec le e-billet.

Pour ma part, j’ai basculé sur le e-billet. Avantages : plus besoin de retirer son billet, de le composter.

C’est donc un gain de temps, et moins de stress.

Le billet est associé à la carte Grand voyageur. Le controleur scanne la carte, et c’est bon.

Cette partie marche bien.

Pour réserver, consulter et modifier ses réservations, on peut utiliser une application iPhone. En fait, sur iPhone, on utilise trois applications :

SNCF Direct est à part : cette application est en fait une ‘copie’ des écrans d’affichage des gares.  Cela permet d’afficher les voies d’arrivée et de départ des trains pour une gare donnée.

Les deux autres applications fonctionnent ensemble.

La première permet de rechercher, réserver, consulter une réservation, ou la modifier.

La deuxième, appelée Compagnon, permet de consulter ses réservations.

Je dois dire que je ne suis pas convaincu par cette idée : quelle est l’intérêt de cette séparation ?

Mais bon, c’est pas très grave.

Pour la recherche et la réservation, l’application est plutôt bien faite. L’ergonomie des différentes pages a été travaillée, et le résultat est supérieur à ce qu’on trouve en général pour ce type d’applications e-commerce.

Pour la consultation, ça marche « presque ». Pour ma part, par exemple, mon écran affiche une réservation fantôme :

(copie d’écran, ou je vais de null vers null, ça devrait aller vite 😉 )

Plus grave, bien souvent, mes réservations n’apparaissent pas.

Et enfin, la modification ne fonctionne pratiquement jamais :

C’est pratiquement systématiquement ce que m’affiche l’application quand je veux modifier une réservation…

Dommage, quand ça marche, c’est super pratique 😉

 

Intégration verticale ou horizontale ?

Olivier a fait un billet que je trouve passionnant, sur les stratégies d’intégrations, verticales ou horizontales.

(re)Prenons les exemples cités par Olivier :

Apple a clairement une stratégie verticale : ils veulent tout maîtriser, depuis le hard jusqu’au soft.

Sauf que, sauf que toute l’intelligence du modèle est d’avoir une dernière couche ouverte : ils auraient pu pousser la logique un cran plus loin, et se garder la main sur les applications… et tout perdre.

Donc, le modèle est vertical, avec une ouverture très très bien faite au dernier niveau. Bien faite car il y a tout ce qu’il faut : rémunération, environnement de développement top, API complète, …

Bon, c’est vrai qu’Apple « déborde » sur la dernière couche. Exemple, les applications les plus mises en avant sur l’App Store, c’est à 90% des applications Apple (Lion, …). C’est dangereux pour Apple de pousser trop loin dans ce sens…

Un autre exemple intéressant en ce moment est bien sûr Google.
Google a certains axes horizontaux : Google se développe sur la recherche, la géolocalisation, « office en ligne », …

Mais Google cherche également à se développer verticalement :

Sur le PC, Google s’étend verticalement en développant son OS, son navigateur, et ses services.
Google essaye même d’aller « presque » jusqu’au Hard, avec les Chromebook.

Sur le mobile, Google se développe clairement verticalement : rachat de Motorola (donc maîtrise du Hard), OS Androïd, Applications mobiles.

Sur le mobile, même si l’intégration verticale peut sembler très proche, entre Apple et Google, elle est en fait très différente, ne serait-ce que par la différence de culture en Apple et Google.

Google, c’est « don’t be evil » alors qu’Apple, ça serait plutôt « keep it secret » 😉

Bon, dans notre monde du e-commerce, il y a aussi des mouvements, verticaux ou horizontaux.

Exemple d’intégration horizontale : IBM, qui achète différentes briques autour du e-commerce, de manière a couvrir le besoin le plus large possible, et être l’unique point d’entrée chez des clients « bleu ».

chez IBM, il y a aussi une intégration verticale : du hard au service, en passant par l’hébergement.

Autre exemple : eBay, avec l’élargissement de l’offre, horizontalement : petites annonces, vente aux enchères, …

eBay est également à suivre au niveau de l’offre pour les e-marchands, avec la future plate forme X-Commerce, dont on doit avoir plus de news bien vite.

Troisème exemple de notre domaine, exemplaire : Amazon bien sûr.
Amazon a clairement une stratégie horizontale en élargissant le catalogue au maximum.
Mais Amazon a aussi une stratégie verticale, en vendant ses propres produits (Kindle), et en ayant une maîtrise complète de pratiquement toutes les couches du système e-commerce (hors hardware et transport).

Pour un site e-commerce, la question se pose, de ce qui doit être maîtrisé par la boite, et ce qui ne doit pas l’être.

La priorité peut être :

  • De développer l’offre, la plus large possible (développement horizontal), c’est bien toute la logique des stratégies actuelles de place de marchés.
  • D’offrir un service le plus complet possible, de l’avant vente jusqu’au service après vente (développement vertical)

Pour offrir son service, le e-marchand doit il complètement maîtriser les « couches du dessous » ?
S’il est évident que le hard et les couches basses (OS, serveur HTTP) n’ont pas grand intérêt, la question est légitime pour les éléments « au dessus ».

Autre question : que doit il maîtriser, au niveau service ? Doit il externaliser la logistique, la relation client ?

Que des bonnes questions, avec des réponses spécifiques, pour chacun ! Pas de recette magique, désolé 😉

En tout cas, déjà, mettre ces questions sur la table, et y réfléchir, c’est déjà pas mal !

Management par objectif : attention aux effets de bords !

Le management par objectif semble une bonne solution : on manage sur le fond, et pas sur la forme.

Qu’importe l’heure d’arrivé, le temps passé sur Facebook, sur les mails perso, …

Ce qui compte, c’est le résultat, par rapport à des objectifs précis.

C’est, de mon point de vue, une bonne solution.

Maintenant, la question est : comment définir de bons objectifs ?

Il y a facilement des effets  de bords. Je voulais vous citer quelques exemples, qui m’ont particulièrement marqués :

Une histoire qu’on m’a raconté, c’est à propos des trains en Angleterre. L’objectif était : les trains doivent arriver à l’heure. La consequence fut que les trains ne s’arrêtaient plus à toutes les garres. Et oui, aucun objectif à ce sujet…

Autre exemple : Dell et son call center. L’objectif était : traiter, pour chaque employé, un maximum d’appel par jours. Résultat, la qualité fut très très mauvaise, parce que les employés n’avaient pas comme objectif de bien traiter le problème du client. Il arrivait souvent qu’un client doivent passer plusieurs coup de fil, et que l’échange se termine, plutôt rapidement, et sans que le problème soit traitè !

Encore un exemple, qu’on ma raconté récemment. La police a comme objectif la baisse de la criminalité, et donc, par consequent, la baisse du nombre de plainte. Résultat : il arriverait bien souvent que, quand vous allez à la police pour déposé plainte, on cherche à vous convaincre, à vous influencer pour que vous ne déposiez pas votre plainte. Bon, je ne peux pas citer ma source, mais c’est quelqu’un du milieu, c’est une source fiable… Et cela ne m’étonne pas, c’est finalement un peu le même cas que les exemples précédents : l’objectif est mal défini, et le résultat n’est pas du tout celui attendu.

Comment éviter ça ? La réponse est de définir plusieurs objectifs, permettant de mieux garder la bonne direction, et d’ajuster, au fil du temps.

Conclusion : oui aux objectifs, mais attention à bien définir des objectifs permettant d’aller dans la bonne direction !

La folie Javascript

Si, au début, Javascript est arrivé discrètement, pour « égailler » un peu les pages, aujourd’hui, c’est un vrai feu d’artifice !

Bien souvent, les sites chargent plus de 15 scripts, qui représentent souvent plusieurs centaines de Ko.

Sans oublier le code javascript ajouté directement dans les pages…

Le résultat est que les pages sont lourdes : lourdes à charger, et lourdes à exécuter.

En fait, bien souvent, on importe des librairies, et on en utilise une petite sous partie.

Quel dommage, surtout quand on connait l’importance d’avoir des sites qui répondent vite…

Comment en est on arrivé là ?

En fait, c’est une dérive, largement encouragée par pas mal de boites du secteur.

Je m’explique.

Pour la plupart des entreprises, la partie technique du site e-commerce est un centre de cout, pas un centre d’investissement (dommage 😉 ).

Dans un tel contexte, l’ajout de fonctions au site est toujours une négociation difficile.

La parade ? Le Javascript !

Les boites viennent vous voir, et vous explique que leur solution est « non intrusive », et qu’il suffit d’ajouter « un petit script de rien du tout ».

Et ça marche ! En quelques heures, le site a intégré une nouvelle fonction, et cela n’a presque rien couté en intégration…

Mais voilà, tout cela à un prix : le « petit code javascript » inclus un autre fichier, bien plus gros, qui lui même fait appel à des fonctions externes… et la page a pris 20, 30% de temps de chargement en plus, sans compter les bugs « qui viennent avec » parce que certaines fonctions sont incompatibles, les unes avec les autres.

Tout cela se corrigera avec le temps, quand la qualité deviendra un critère de performance (ce qu’il est vraiment !).

La qualité, cela doit aller jusqu’au bout, jusqu’au contenu qu’on envoie sur le poste du client.

Le pire, c’est qu’il n’est pas très compliqué de faire le ménage là dedans : compiler regrouper les fichier javascript, supprimer les fonctions inutiles, compresser tout ça… Et gagner de précieuses secondes en temps de chargement !

Une idée du e-commerce en HTML 5

Le HTML 5, qui devrait aboutir à une norme en 2014, est déjà bien présent dans les navigateurs modernes, Google Chrome en tête.

Le web a d’ailleurs pratiquement toujours évolué comme ça, tiré par les navigateurs plus que par la normalisation (qui est donc plutôt une normalisation « a posteriori »).

Voici quelques sites, qui, je pense, donne une idée de ce qu’on peut faire, en HTML 5 dans notre secteur du e-commerce.

Premier exemple : manufacturedessai.it

Le site propose une navigation verticale plutôt étonnante, faite de plusieurs couches (calques) transparents, ce qui donne une impression dynamique nouvelle. A tester pour comprendre ;).

Autre site  : www.gforce.be

La navigation est là encore différente, avec un slider plein écran, et les différents éléments qui apparaissent en superposition.

Autres sites intéressants :

Tout ça pour avoir un petit aperçu de ce que permet le HTML 5, et des évolutions à venir pour les sites e-commerce… A suivre de très près ;).
Au, fait, je donne une formation HTML 5 le 16 Septembre…