test picard.fr

Je n’ai pas l’idée d’aller chez Picard pour faire mes courses, mais quand je passe devant et que j’ai le temps ça m’arrive d’y prendre quelques plats. J’ai quelques incontournables : Edamame et ravioles pour mes enfants, bouchées et raviolis asiatiques végétariens…
Pour moi Picard c’est d’abord une enseigne physique bien sûr, mais depuis bien longtemps je connais leur site et même quand ça fait des mois que je n’ai rien acheté « chez » Picard, je ne commande que très rarement sur leur site, et pour cause.

En ce moment je travaille beaucoup, j’ai moins le temps et mes horaires ne sont pas forcément compatibles avec les magasins.
Et je ne suis pas adepte des courses du samedi.

Ayant très envie de retrouver mes petits plats préférés je retente l’expérience d’un achat en ligne. Voici mes remarques :

Une évidence : les photos des listes produits BEAUCOUP TROP PETITES :
Il y a pas mal de produits chez Picard, et dans une même catégorie on peut se retrouver avec plus de 100 produits, qu’on n’a pas forcément envie de parcourir, ou alors rapidement. (ça reste des courses alimentaires pas du shopping vêtement…).
Je connais mes produits préférés par leur PACKAGING, c’est d’ailleurs comme ça que fonctionnent les magasins : des congélos les uns derrière les autres dans un magasin impersonnel, mais des packaging qu’on peut reconnaitre.
Les photos des listes produits étant trop petites, voire minuscules, c’est difficile de les reconnaitre facilement.
De plus, le titre est souvent tronqué.
Si je veux en savoir plus et que je clique sur un produit, ça m’ouvre une nouvelle page. Or la navigation sur un site e-commerce alimentaire est longue et souvent fastidieuse et la FENÊTRE MODALE est donc beaucoup plus appropriée.

Des filtres de navigation insuffisants :
Je pense que picard.fr a une base de données produits complètes et que tous les produits sont catégorisés, tagués, marqués, déclinés et caractérisés assez précisément.
Il se trouve que je suis végétarienne, et quand on choisit par exemple la catégorie « plats cuisinés », on aimerait retrouver les même filtres que dans « régimes alimentaires ».
Dans « régimes alimentaires » on peut combiner les filtres « plats cuisinés » ET « végétarien », mais pourquoi ne pas inclure ceci dans la navigation générale ? D’autant plus que tout ce qui est sans gluten, sans sel et végétarien devient de plus en plus demandé.

Autre chose : en arrivant sur une page catégorie, on voit des produits, on commence donc automatiquement à les parcourir, et on arrive vite en bas de page : bha c’est tout ?
Bha non, c’était une sélection, mais ce n’est pas assez indiqué, on se croirait vraiment sur une page de tous les produits de cette catégorie, il faut utiliser le filtre à gauche, gné !

Sinon, c’est quoi le truc « MES CRITÈRES » ? Dans ce menu déroulant MES CRITÈRES j’ai une entrée « mes critères », que je ne peux pas sélectionner d’ailleurs. Donc pour moi à ce niveau ça sert à rien, il ne faut donc pas l’afficher dans ce cas, c’est confus et amène une déception.

Le filtre FORMAT devrait être revu : je m’en fiche que ça fasse 300g ou 450g, là n’est pas la question. La question est est-ce que je veux un sac ou une boite format familial ? format individuel ? et autres choix plus humains… (Trouvez moi un client qui veut exactement 350g et je me tairai à jamais…)
Pareil au rayon glace, le filtre FORMAT n’est pas très UX friendly. Je veux un grand pot, c’est pour 2, 4, 8 ? Je sais pas, ça dépend ?! En l’occurrence pour le cas des glaces on parle souvent en mL et Litres :) Donc faut voir…

Des pages produits assez complètes mais pas bien organisées
Après avoir cliqué sur un produit la première photo affichée n’est pas la même que la photo sur la liste produits.
C’est perturbant, et à nouveau chez Picard c’est le packaging que je connais et reconnais, donc c’est ce que je veux comme image par défaut. Rien ne m’empêche de choisir la photo de la suggestion de présentation par la suite. Heu à ce propos quand je clique une photo pour l’afficher en grand je ne peux pas passer à la suivante sans fermer la modale… Hum !
Ça serait pas mal d’ajouter des photos du contenu de la boite au déballage. Ça reste un produit surgelé, OK c’est pas glamour au déballage mais on sur Internet, on joue la transparence et l’information non ?
Par exemple sur Les carottes à la thaïlandaise j’ai du mal à voir de quoi il s’agit, dans l’assiette, pour le coup il n’y a que la packaging et le zoom n’est pas suffisant. Il faut donner envie !

D’autre part, dans les menu et votre contenu, vous pouvez donner toutes les idées de cuisine du monde, moi quand je vais chez Picard c’est pas pour cuisiner hein…

De l’UGC à mettre plus en avant
Comme je suis un peu nulle en cuisine, je voudrais trouver des lasagnes (végétariennes donc).
Donc je vais dans plats cuisinés, je choisis le filtre « Gratins, (…), lasagnes », sauf qu’il y a 41 produits et qu’à nouveau je n’ai pas de filtre végétarien. Je n’ai pas envie de vérifier les 41 produits.
Alors je fais une recherche « lasagnes » et ça me donne 7 produits, ce qui est plus raisonnable à parcourir.

Je trouve 3 BOITES qui peuvent me convenir : « Lasagnes chèvre épinards », « Lasagnes aux légumes et au fromage sans… » (gluten) et « Lasagnes aux légumes grillés et à la… » (mozzarella, dis donc vous auriez la place d’afficher le titre en entier…)
Alors déjà je ne peux pas vraiment « comparer » les produits, toujours pas de fenêtre modale et donc pour choisir je dois ouvrir un onglet pour chacun des 3 produits (bha oui, pas envie de perdre ma liste produits si chèrement trouvée !).
Je remarque au passage que le TITLE de la page du produit sans gluten ne contient pas la mention « sans gluten », dommage pour le SEO…
Je remarque ensuite, SUR LA PHOTO PACKAGING UNIQUEMENT (or c’est une information principale qu’il faudrait avoir et immédiatement), que : un produit est une boite 1 part, un autre une boite 3-4 parts, et un produit JE NE SAIS PAS DU TOUT ! C’est pour ma famille que je veux des lasagnes à priori, pas que pour moi. Je vois bien (SUR LA PHOTO…) 255g mais c’est une part ou plusieurs ? Franchement, moi perso, je ne m’en rends pas compte :)
Bon, vu que la boite 1 part c’est 400g je me dis qu’en fait 255g c’est minuscule. Vu le prix au kilo (sans gluten…) on comprend qu’ils aient réduit le poids… Donc exit le sans gluten minuscule et super cher ‘(

Et puis d’un coup je me souviens avoir gouté il y a quelques mois des lasagnes végétariennes surgelées qui n’étaient franchement pas géniales.
Mais ça ne nous arrive pas souvent donc je ne me souviens pas. C’était de chez Picard ? Ou un truc Findus ?? Et si c’était Picard, c’est quelle boite ???
Je ne cherche pas absolument le plus petit prix, on mange rarement des plats industriels surgelés, donc quand ça arrive autant que ce soit bon.
Donc je voudrais… SAVOIR SI C’EST BON ! Et je cherche des avis clients… je scroll rapidement… en vain. En vain ??? C’est pas possible quand même… Ha non c’est bon, ils sont à droite, en gris un peu trop clair et sans CTA, comme si ils n’avaient pas très envie qu’on les voit ni qu’on clique dessus. Et puis l’onglet « Les avis sur ce produit » n’est pas du tout bien visible non plus.
Alors voilà les avis : une boite a 3,2/5 et l’autre 2,3/5 (c’est précis !) C’est la boite « familiale » qui semble la meilleure donc je prends.

Ça me donne ue idée : quels sont les produits les + appréciés par les clients ? Les meilleurs quoi. Je cherche un TOP, un BEST OF ou autre et je ne trouve pas. Dommage ça aurait pu me donner des idées d’achat. Encore une fois les listes produits sont indigestes pour moi donc il me faut d’autres points d’entrée.
Je peux toujours, si je suis très motivée, aller dans une catégorie, puis > Afficher tous les produits, puis > Trier par les mieux notés. Mais y a pas la note sur le produit dans la liste :( et il faut prier pour qu’il n’y ait pas trop de notes à 1 ou 2 avis uniquement, ce qui n’est pas significatif… BINGO le 1er produit « Légumes » affiché c’est la purée de petit poids bio : 5/5 pour un seul avis donc ce tri ne sert à rien ; FAITES UN SCORING AVEC LE NOMBRE D’AVIS BON SANG !.
Donc je veux revenir de cette fiche produit à ma liste produits triés, donc je fais BACK hein, bêtement, et là ça revient à la page d’accueil de la catégorie, je dois re-cliquer sur « Afficher tous les produits » et même re-choisir le tri par notes ! Grrrr.

Moteur de recherche perfectible
Bon, déjà il y en a 2. Donc en fait je n’utilise jamais le moteur principal (du header) mais celui de la catégorie.
Je fais une faute, j’écris « lsagnes » et bha ça me renvoie RIEN. Dommage…
Et pas d’autocompletion non plus, alors que dans le moteur principal il y en a, gné !
Bon c’est pas folichon l’autocomplétion du moteur de haut ; on aimerait bien voir la photo des 6 produits suggérés quand je tape « lasagnes », et le prix, et… bref 2016 quoi !

Comme j’en ai marre et que le site ne m’a pas donné envie de continuer ma visite et de faire d’autres ajouts en panier qui auraient pu être d’impulsion (j’ai faim, j’ai plus rien dans mon frigo, envie de nouvelles choses…), je passe en caisse.
Au début de ma sélection le site m’a demandé direct de mettre mon code postal, et de choisir un créneau de livraison !? C’était un peu prématuré non ? Et si je veux faire du click and collect ?!
Je clique sur panier… ça m’ouvre un petit menu avec mes produits dedans, avec un petit scroll, le genre de choses pas ergonomique que j’aime pas…
picard1

Moi je veux VOIR mon panier, sur une page panier, revoir toutes les photos, les prix, etc !

Je cherche je cherche… et bha y a pas de page panier… gné ! En plus je pense que j’ai sélectionné trop de trucs or mon congélateur n’est pas extensible…

Cliquons sur « Commander »… puisque j’ai pas d’autres choix.
PAF! Formulaires inscription/identification, toussa toussa, bon au moins y a du social login facebook, mais pas de guest checkout.
Évidemment je ne sais plus si j’ai un compte, je tente, mauvais credentials, je tente un mot de passe perdu, ça a l’air de reconnaitre mon email, OK je réinitialise tout va bien, je reçois un mail de confirmation qui sert à rien mais qui a le mérite de ne pas afficher mon nouveau mot de passe en clair.

Je m’identifie, OH tiens une page panier !!! Ça aurait été bien de l’avoir avant l’inscription NON ? Je pense que ça optimiserait très significativement le taux d’abandon.
J’ai sélectionné 16 produits, je dois enlever des trucs, je n’aurais pas la place dans mon congélo…
J’aimerais retirer un produit mais le mettre dans une whishlist pour la prochaine fois, et bha je peux pas y a que le bouton supprimer… Faut que j’aille sur le produit et que je l’ajoute à une liste… fatigue…
13 articles, 47€, 5€ de frais de livraison. Bon c’est raisonnable pour un « petit » panier…
Je continue et j’ai toujours en tête de faire du click and collect et bha je peux pas. WHAAAT ? Il y a 2 Picard pas loin de chez moi, dommage…
La page d’après est un peu bordélique, il y a 2 colonnes d’informations et c’est donc confus.
Il n’y a que le paiement par carte bancaire (et chèque…), j’aurais aimé Paypal au moins car pour moi c’est en un clic, là il faut que je trouve ma carte bancaire, ça m’ennuie.
Je paie… pas de 3D Secure… bon…
Et enfin la page de confirmation d’achat est très sympa.

Allez hop, mission accomplie, DODO !

Ecofolio – carte des Collectivités exemplaires

Pour Ecofolio, j’ai eu le plaisir de concevoir, designer et développer la carte des collectivités exemplaires :

Cette carte, c’est un réseau social de collectivités locales, mettant en avant les bonnes pratiques de chacune en terme de recyclage des papiers, avec un scoring et une géolocalisation des abonnés en fonction de leurs datas.
Base technique : WordPress/Buddypress/jVectorMap

Ce projet a été inauguré lors du salon des maires le 1er juin 2016 et j’ai donc pu observer les premiers utilisateurs en live sur la borne interactive du stand Ecofolio.
Merci à Julia Bourayne pour sa zenitude, sa confiance et sa réactivité :)

Test Prestashop 1.7

Config basique :
PrestaShop v1.7.0.0 Beta1
Windows 10 (Intel i5, 8 Go RAM)
WAMP

INSTALL :
L’archive se compose d’un index.php et d’un zip.
Essai pour essai, après avoir configuré mon serveur j’ai lancé le fichier php.
J’ai été agréablement surprise de ne rien avoir à faire d’autres : le script dézippe l’archive, ce qui règle le problème d’envoi de milliers de fichiers par ftp quand on n’a pas accès au serveur autrement que par ftp.
Puis on arrive sur un écran de bienvenue
FireShot Screen Capture #060 - 'Assistant d'installation' - prestashop_17_install_index_php

Puis écran de la licence (OSL 3.0), puis un écran infos de la boutique (nom, pays, compte admin…), puis l’écran de config de la base de données :
FireShot Screen Capture #061 - 'Assistant d'installation' - prestashop_17_install_index_php

Puis l’écran d’installation, avec l’avancement des étapes qui est bien indiqué visuellement.
Là il y a ajout des produits de démo (je n’ai pas vu où on pouvait désactiver cette option).
Et ça passe directement à l’écran de fin d’installation (d’où l’absence de capture de l’écran précédent) :
FireShot Screen Capture #062 - 'Assistant d'installation' - prestashop_17_install_index_php

Comme d’hab on nous demande de supprimer le dossier install, je vais juste le renommer.

Hop voici la page d’accueil de ma nouvelle boutique :
FireShot Screen Capture #063 - 'test' - prestashop_17

Bon ben déjà ça marche, et c’est propre.
Passons à l’admin :
– l’écran d’identification ne diffère pas vraiment pas rapport à la 1.6
– Après l’identification, j’ai un pingouin qui s’appelle Preston qui me propose de me guider. Je vais passer pour le moment…
Voici la tableau de bord principal :
FireShot Screen Capture #064 - 'Tableau de Bord • test' - prestashop_17_admin700dnhrsw_index_php_controller=AdminDashboard&token=6cd23070673f7b08b4b90

Ce qui me frappe c’est la réorganisation du menu en 3 parties : SELL / IMPROVE / CONFIGURE
Bienvenue en 2016 :)
On a un petit on/off pour le mode démo au niveau chiffres, ce qui est sympa.

Sur l’écran Commandes pas de grands changements.
Rentrons dans le catalogue…
C’est sur une fiche produit qu’il y a une différence :
FireShot Screen Capture #065 - 'Produits • test' - prestashop_17_admin700dnhrsw_product_form_1#tab-step1
Bon alors là sur cette capture comme les menus gauche et bas sont sticky ça fait bizarre mais aucun problème à l’écran.
Donc nous arrivons sur la présentation des photos, ce qui est un peu le nerf de la guerre donc c’est sympa et ça permet une reconnaissance immédiate du produit. A noter qu’on peut ajouter une légende aux photos. Si le clic sur le fond du container des photos pouvait non pas ouvrir l’upload mais fermer les petites fenêtres d’option de photo ce serait ergonomiquement bien (j’aime pas cliquer sur les croix, c’est super long par rapport à « cliquer ailleurs et ça ferme la modale », et c’est tellement mieux que je pense que ça rentre dans les usages).
Sur la même page et de manière assez simple sont présentés :
– les descriptions courtes et longues
– les caractéristiques (pré-définies, seules les valeurs peuvent être custom à ce niveau)
– la marque
– l’ajout rapide de produits liés
Sur la partie droite :
– Le choix produits normal / produits avec déclinaisons (ce qui change le reste)
– la quantité (produit simple uniquement)
– le prix HT et TTC
– le taux de TVA (parmi ceux pré-définis)
– les catégories avec : une recherche (problème de background transparent sur les résultats), les catégories du produit sous forme de tags, l’arborescence des catégories avec des cases à cocher, et même l’ajout de nouvelles catégories… que demande le peuple !
Et tout ça en ajax, plus précisément sans rechargement de page, j’ai plus d’un client qui baverait si je leur faisait cette démo ;)
Et quand on enregistre (bouton SAVE menu du bas), ça RESTE SUR LE MEME PAGE ! Enfin ils ont arrêté de faire semblant de deviner où l’admin voulait aller après…

Autres onglets :
– Quantités (produit « simple ») : gestion du comportement si pas de stock, minimum de commandes, label, date de disponibilité

– Déclinaison (produit avec déclinaison) : FireShot Screen Capture #066 - 'Produits • test' - prestashop_17_admin700dnhrsw_product_form_1#tab-step3
Je pense que c’est Work In Progress, en tout cas ça en donne l’impression. Il manque des cases « tout sélectionner » sur les différents attributs à combiner.
J’ai testé la génération avec 2×2 valeurs et ça marche bien, puis on retrouve pour chaque déclinaison les infos de quantité, date dispo, quantité minimum, ref, impact de prix HT, TTC, unité et en gros, impact poids, ISBN, EAN, UPC, et la gestion de plusieurs images par combinaison.

– Shipping : taille, poids, coût spécifique et transporteur(s) (si custom)

– Prix : on retrouve les infos basiques + un prix par unité (on peut mettre ce qu’on veut « kilo », « litre »…), le flag « promo », les prix spécifiques (par devise, pays, groupe client, client(s), déclinaisons, dates) et la gestion de priorités de ces règles.

– SEO : meta title si différent du product name, meta description si différent de la description courte, url rewritée, et une gestion de redirection si produit plus valable (c’est cool ça !) : par défaut 404, ou vers un autre produit en 301 ou en 302 !

– Options : Visibilité et disponibilité avec une case cross-canal « web only (not sold in your retail store) », tags, condition du produit, ref, ISBN, UPC, EAN… Champs de personnalisation texte ou fichier (multiples), fichiers joints, fournisseurs, références fournisseurs.

Pour en finir avec ce premier test, je vois rapidement que :
– la partie SAV se transforme tout doucement en mini-zendesk, ce qui sera suffisant pour de petites plateformes et ça c’est bien (j’ai dit mini hein, ok micro).
– sur la partie Modules et Services ça serait bien de ne pas avoir besoin de faire un autre clics pour arriver aux modules installés… et sinon l’affichage des modules a été pas mal modifié, il faudrait voir un prod si c’est mieux, plus ergonomique, plus rapide qu’actuellement, ça serait pas du luxe, surtout pour les dev.
– on peut créer des catégories de pages CMS.
– le positionnement des modules dans les hooks n’a pas changé.

Et… et il est temps d’aller se coucher :)

Mettre à jour un plugin WordPress manuellement avec SSH

Votre serveur de prod est ultra sécurisé ? Aucun accès FTP externe n’est autorisé ? Vous avez quand même besoin de mettre à jour vos plugin ? Vous y avez quand même accès en SSH ?
J’ai eu le soucis avec un client dont le serveur n’était accessible qu’en VPN/SSH (il a bien raison !)
J’avais un doute sur la perte des données (config ou autres) pendant la désactivation, etc.
J’ai donc testé minutieusement différentes procédures.

Et, pas de panique, aucun problème, il suffit de le faire « manuellement », avec un plugin qui n’a pas 35 ans d’âge ça passe tout seul :

  1. Désactiver le plugin (dans l’admin WordPress)
  2. Télécharger la dernière version
  3. Mettre cette archive dans le répertoire plugins (par votre moyen préféré)
  4. Supprimer le répertoire du plugin (> rm -r <REPERTOIRE>)
  5. Dézipper l’archive (> unzip monarchive.zip)
  6. Réactiver le plugin (dans l’admin WordPress)
  7. Check :)
  8. Supprimer l’archive (> rm monarchive.zip)

HAVE FUN !

Test ooshop.com : technique et ergonomie A REVOIR !

Un test catastrophique du site de courses en ligne ooshop.com, le site de Carrefour.

Habituée depuis les débuts aux courses en ligne, je suis passée par (feu) telemarket, puis houra.fr, site excellent, plutôt infaillible à tout point de vue, avec de nombreuses références, mais plus cher en moyenne que les autres. J’ai donc choisi de tester ooshop.com pour mes prochaines courses, quelque-uns de mes produits favoris étant moins chers.

Voici les points à revoir d’urgence :

1. Lenteurs extrêmes du site :
Que ce soit en envoyant une recherche (touche entrée ou clic sur le bouton OK), en mettant un produit en panier, en souhaitant afficher le détail d’un produit (fenêtre modal), … la réactivité du site doit en faire fuir plus d’un.
Il est très difficile au final de faire ses courses sur ooshop.
Par exemple on clique sur le bouton panier sur une fiche produit, et rien ne se passe avant un bon bout de temps (de 1 à 12 secondes pour réagir, 7 à 10 secondes en moyenne !!!) Aucun indicateur de prise en compte du clic, donc on re-clic, plusieurs fois, pour avoir finalement 3 fois le même produit en panier. Et comme c’est le même temps de réaction pour modifier les quantités ou supprimer un produit, cela peut devenir TRÈS énervant.
Les URL (au passage non réécrites !) faisant apparaitre des extensions aspx, on peut estimer que le site est développé en .NET et utilise des technologies Microsoft. Vu les lenteurs, je me demande quel système de bases de données ils utilisent.
En faisant quelques recherches on constate que la lenteur du site ooshop, qui a pourtant connu plusieurs refontes, a toujours été pointée du doigt, que ce soit en 2008 ou en 2015

En faisant une petite analyse rapide YSlow et PageSpeed, je dirais que le serveur répond correctement, qu’il a des performances d’optimisation ne sont ni meilleures ni moins bonnes que houra.fr, en revanche la page d’accueil fait quand même 1,83Mo (vs 945Ko pour houra) -ce qui est énorme- pour 104 requêtes (vs 57).
Mais je ne pense pas que le problème soit là.

Quand on pense que l’internaute fuit et ne revient pas lorsqu’une page met plus de 3 secondes à charger, cela fait méditer sur le CA perdu par ce site.
Je pense qu’il est sérieusement temps de faire quelque chose. Vous n’avez pas non plus plusieurs dizaines de millions de référence que diable !!!

edit : Quelques jours après le site a plus de répondant. Était-ce un jour particulier ?

2. Navigation à revoir complètement
Exemple 1 : je veux des dosettes de café type Nespresso. Le site me propose un onglet avec un croissant pour « Le petit-déjeuner », puis un lien « Café ».
Déjà il n’y a AUCUN produit d’affiché ! Je re-clic sur Café et ça m’affiche une page d’erreur (très moche) « Le site web a rencontré une erreur inattendue, veuillez nous en excuser. ». Je rencontrerai cette page maintes fois dans mon parcours.
Allez je re-clic Café… Et là j’ai des produits affichés sur… 15 pages !

Et je ne peux pas choisir le nombre de produits par page (évidemment avec leurs problèmes de perf c’est pas le genre de fonctionnalités qu’on aime laisser…) ARGH !
Heureusement on me propose un espèce de sous-menu designé sous forme d’un espèce de breadcrumb, donc je clic sur « Dosettes, capsules », puis sur Capsules dans la 3ème partie de ce sous-menu horizontal étrange. Et là HO MON DIEU ça me propose des casules de thé !
Mais ils sont fous ! Pourquoi ? Ça me rend dingue…

FireShot Screen Capture #034 - 'Vos courses en ligne sur Carrefour Ooshop livrées à domicile' - www_ooshop_com_courses-en-ligne_ContentNavigation_aspx

Exemple 2 : Si je choisis un type de tri sur une liste produit, elle ne sera pas enregistrée et remise automatiquement sur les autres pages, c’est énervant ! Surtout sur un site très lent !
Et sur un site de courses en ligne les internautes je choisissent souvent un tri par prix ou par prix au kilo sur toutes les listes, donc il faut le mémoriser !

3. Fiche produit loin d’être complète :
C’est bien beau de proposer du merchandising un peu partout (en bas des pages : 1 produit « Coup de coeur », 1 « Nouveauté », 1 « Promotion », 1 « A découvrir aussi »), encore faut-il avoir les informations qu’on veut pour faire nos choix.
Reprenons ma recherche de café. Je clic sur un des produits L’Or Espresso.
Cela ouvre une fenêtre modale (ouf pas de changement de page !)
FireShot Screen Capture #035 - 'Vos courses en ligne sur Carrefour Ooshop livrées à domicile' - www_ooshop_com_courses-en-ligne_ContentNavigation_aspx
Moi ce qui m’intéresse c’est de savoir la « force » du café. Dans le titre rien, dans la description rien, et sur l’image produit c’est pas mieux : C’EST FLOU, C’EST PETIT ! Et il n’y a qu’une seule image fixe. Je crois voir un « 05 » mais je ne suis pas sûre.
Là je suis bien obligée de comparer avec les excellentes modales produit de houra :
FireShot Screen Capture #036 - 'Résultats de recherche pour Sontuoso, L'or Espresso - Achat Sontuoso, L'or Espresso sur houra_fr' - www_houra_fr_reche
Et le produit en 3D, qui me permet d’aller voir toutes les informations présentes sur le packaging :
FireShot Screen Capture #037 - 'Résultats de recherche pour Sontuoso, L'or Espresso - Achat Sontuoso, L'or Espresso sur houra_fr' - www_houra_fr_reche

4. Des fonctionnalités inabouties
Lorsque je veux ajouter un produit à une liste (et cela arrive souvent quand on fait ses courses en ligne), nous avons un menu déroulant « Ajouter à la liste (ce qui déjà en soit n’est pas du tout ergonomique puisque ce serait le texte d’un bouton et pas du 1er choix d’un menu déroulant) donc je clic, et là j’ai « Ma liste », ET C’EST TOUT. Et pas de bouton donc si je clic pas erreur le produit est ajouté à une liste par défaut « Ma liste » et pis c’est tout. Et pas de possibilité de créer une autre liste.
listeooshop
Encore une fois comparons avec houra :
FireShot Screen Capture #043 - 'houra_fr - Mon Compte' - www_houra_fr_cpt_index_php_c=produits-5-dernieres-commandes
Voici la petite modale qui s’affiche lorsque je clic sur un bouton detail-liste dont le title est « Ajouter cet article à une liste ».

5. Un moteur de recherche des années 80
– Pas de suggestion durant la frappe, ni produit, ni catégories, ni correction orthographique
– Si problème orthographique suggestion de lien(s) pour relancer la recherche (nooon pitié !)
– Si résultat partiel (n mots trouvés sur m tapés), pas d’indication transparente
– Affichage des produits PAR CATÉGORIE. Et donc si je trie je ne comprends pas la cohérence

En parlant du tri, encore, il n’y a pas d’option par Nouveautés ou Promotions, ce qui est très intéressant pour ce genre de site.

BREF : Il se fait tard, et c’est tellement lent que je n’ai pas finalisé ma commande. Je suis suis pas rentré dans le processus de commande à part rentrer des produits en panier. Je suis très déçue, et autant surprise.
Je pense sérieusement qu’OOSHOP doit avoir le taux d’abandon le plus important du web.
Donc je n’irai pas au bout de ce test non plus. Je vais continuer à utiliser houra, bien que plus cher, au moins je perdrai moins mon temps (et le temps…)

Cloud9 php/MySQL basics

Cloud9 est sans doute le meilleur IDE de développement web en cloud.
Voici comment créer rapidement une application basique php/MySQL.

– Ouvrir un compte c9

– Créer un nouveau workspace php/Apache/MySQL (à partir du dashboard)

Cloud9 php Apache MySQL

Cloud9 php Apache MySQL

– Dans le terminal (bash) du workspace, démarrer le serveur MySQL avec la commande : mysql-ctl start

– Si besoin, installer phpmyadmin avec la commande : phpmyadmin-ctl install

Cloud9 bash install phpmyadmin

Cloud9 bash install phpmyadmin

– Pour ouvrir une commande MySQL taper la commande : mysql-ctl cli

– L’url du phpmyadmin est : http://(workspace)-(username).c9.io/phpmyadmin

– Voici les identifiants nécessaires à la connexion à une bdd de MySQL à partir de votre code source :
$host = "127.0.0.1";
$user = "votre_username_c9";
$pass = ""; //mot de passe vide par défaut
$db = "votre_base_de_donnees";
$port = 3306; //Le port sur Cloud9 est toujours 3306

Autres petites choses :
– pour installer par exemple curl, tapez sudo apt-get install php5curl
– pour faire un dump utiliser les raccourcis c9 : mysqldump db_name > export_filename.sql

HAVE FUN !

Importer un dump MySql volumineux

Phpmyadmin c’est bien mignon mais l’utiliser pour importer un backup volumineux c’est risqué…
Les limites sont souvent atteintes, et en prod il est parfois difficile d’accéder à la config.
Et parfois on n’a qu’un accès web et un compte ftp, pas de ssh rien, donc j’ai trouvé un petit script php qui va tout bien faire pour nous :
http://www.ozerov.de/bigdump/

– Modifier le script avec les identifiants de la bdd en question ;
– L’envoyer sur le serveur web avec (ou pas) le dump .sql ou .gz ;
Et c’est parti.

Growth hacking

De beaux résultats pour un de mes clients pour un peu plus d’un mois de travail.
(les plages de date des chiffres sont volontairement masqués)

Croissance générale commerce électronique

Tunnel de conversion (2 périodes comparées)

ROI Google adwords

A noter que lte taux de conversion mobile est passé de 8% à 14% !
Et le taux de conversion tablettes de 1,46% à 2,42%.

La travail a porté sur plusieurs fronts :
– mise en place d’un suivi analytics plus poussé ;
– modification de la navigation à facette pour créer des landing pages référençables, customisables et propres ;
– optimisation quotidienne des campagnes adwords (regroupement de mots-clés, modification des annonces pour intégrer les landing pages adéquates, augmentation d’enchères, suppression de mots-clés non rentables…) ;
– modifications ergonomiques de la page de liste de produits (plus de produits, plus de visuels, et optimisations SEO) ;
– ajout de la date de livraison précise sur la fiche produit ;
– optimisation Webmaster Tools (insertion sitemap avec nouvelles landing pages, balisage page produit et liste produits) ;
– optimisation/debuggage mobiles et tablettes ;
– suivi analytics, encore, encore et encore ;
– …

Et… bonjour Google !

indexation Google – Search console

+20 000 pages indexées sur Google (passage de ~60 000 à ~80 000)

De l’avantage d’être full-full-stack.

Bug Prestashop Google analytics commandes en double

Un debug qui vaut bien un article.

Prestashop 1.5.2
module gAnalytics 2.1.1
Commandes en doublon

Depuis plusieurs semaines sur le compte Analytics d’un client je voyais une commande en particulier qui était renvoyée régulièrement, plusieurs fois par jour, mais pas tout le temps.

1er debuggage corrigé par le nouvelle version du certes perfectible mais déjà excellent module gAnalytics pour Prestashop : les commandes pouvaient être envoyées plusieurs fois si le client se reconnectait sur la page de confirmation de commande. C’est bête hein, mais il faut faire une bonne petite routine pour éviter ça.

Avant cette correction c’était ainsi beaucoup de commandes qui étaient envoyées en plusieurs exemplaires (vive le taux de transformation).
Mais même après je voyais CETTE commande en particulier qui continuait à fausser énormément mes stats si bien que je devais segmenter mes rapports (avec id_transaction=…), mais je constatais alors que ça retirait aussi d’autres transactions.
A savoir que la segmentation d’un rapport porte sur les sessions répondant aux critères.
Une même session renvoyant une ancienne commande mais aussi des commandes du jour ? Comportement très étrange, je ne comprenais pas.

En isolant bien ce segment sur une seule journée pour plus de visibilité, j’ai pu afficher les pages vues dans le détail de cette session.
Et là j’ai constaté qu’il s’agissait d’une session admin. (L’admin envoie des stats analytics ?! Me dis-je d’un coup, interloquée que j’étais)
J’ai affiché une des pages vues incriminée et ouvert le code source… Et là stupeur je vois de mes yeux vus qu’effectivement la dite transaction est envoyée, le code analytics est là et… je viens donc de renvoyer la transaction à Analytics, super.

Et je décide donc d’aller debugger le module, screugneugneu.
J’avais bien sûr parcouru depuis plusieurs semaines le web à la recherche d’autres gentils développeurs qui auraient trouvé des solutions mais je n’ai rien trouvé à part des « oui moi aussi j’ai le même problème et je ne trouve pas de solution »

Mais là j’en avais juste marre.
Donc, pour résumer :
– Il y a une table [ps_]ganalytics qui enregistre -tout bêtement- les transactions à envoyer ou envoyées à GA.
– Il y a une colonne ‘sent’ qui passe de 0 à 1 lorsque la transaction est envoyée (au cas où elle n’aurait pas été envoyée par l’internaute lui même s’il n’a pas afficher la page de confirmation de commande, problème très courant) et avec un timestamp
– Dans le hook du header de l’admin s’exécute ceci :
1. select les transactions dans [ps_]ganalytics qui sont à sent=0 enregistrées il y a plus de 30 mn (le DATE_ADD(date_add, INTERVAL 30 minute) < NOW() )
2. envoie ces commandes à GA (addtrans)
3. update [ps_]ganalytics : met date_add = NOW() (et sent=1 sans doute quelque part à un moment donné…) pour ces id_transaction et avec LIMIT 1

La cause de nos soucis CAR :
– ma screugneugneu commande était en DOUBLON dans cette table [ps_]ganalytics
– une ligne avec sent à 0, une ligne avec sent à 1
– DONC il prenait la commande, il la renvoyait à GA, et… il updatait une ligne car la requête porte sur l’id_transaction et non l’id_google_analytics qui est la clé primaire ET qu’il y a ce LIMIT 1 donc au hasard il prenait la ligne qui était déjà à sent=1
– donc il y avait toujours la ligne avec sent=0
– donc il recommençait à l’envoyer encore et encore…

Résolution du problème : supprimer la ligne avec sent=0 dans la table [ps_]ganalytics, c’est tout.
Et pourquoi pas modifier les requêtes de ganalytics.php > hookBackOfficeHeader() et de controllers\admin\AdminGanalyticsAjax.php en retirant les LIMIT 1 si le coeur vous en dit.

CONCLUSION :
Si vous avez des commandes qui ne cessent de s’envoyer, que vous avez bien la dernière version du module ganalytics (2.1.1 ou supérieur) : vérifiez que vous n’avez pas des commandes en doublons dans la table [ps_]ganalytics. Voici une requête pour cela :
SELECT count(*), id_order from ps_ganalytics group by id_order having count(*)>1
Si c’est le cas et qu’il s’agit comme par miracle des commandes qui vous embêtent sur GA, bha supprimez les lignes des doublons qui ont sent à 0.

Et pourquoi pas si le coeur vous en dit supprimer les LIMIT 1 des requêtes UPDATE dans
– \modules\ganalytics\ganalytics.php > hookBackOfficeHeader()
– \modules\ganalytics\controllers\admin\AdminGanalyticsAjax.php

ps : Si vous avez un problème inverse, c’est-à-dire des commandes qui ne sont pas envoyées à Google Analytics, quelque soit votre site, CMS ou outil de développement, pratiquement tous les services de paiement en ligne incluent maintenant une option pour renvoyer directement l’internaute sur le site après avoir payé.
Ce qui a pour conséquence qu’il affiche la page de confirmation de commande, qui peut envoyer le bon code à GA lié à la bonne session.
Je gère cette problématique depuis 15 ans ! Sur Paypal il y a une option, et les modules bancaires proposent aussi cette option, souvent appelée la redirection automatique. Parlez-en à… qui de droit (ou à moi si vous vous sentez seuls !)

Fondamentaux pour le Big Data

Ayant suivi des études de mathématiques et d’informatique, et ayant un intérêt spécial pour les données, je suis avec attention l’essor du Big Data.
Je participe donc en ce moment au MOOC de l’institut Mines-Télécom « Fondamentaux pour le Big Data » où je revois mes lointains cours de proba/stats et algèbre linéaire :)

Plus d’infos sur le MOOC :
https://www.france-universite-numerique-mooc.fr/courses/MinesTelecom/04006/Trimestre_1_2015/about

Plus d’infos sur FUN :

France Université Numérique

France Université Numérique

Plus d’infos sur les MOOC de l’Institut Mines-Télécom :

Institut Mines-Télécom

Institut Mines-Télécom