Dolistore : Réorganisation fiche produit : avis et discussions

Bonjour,

Récemment, j’ai envoyé à @eldy quelques suggestions d’amélioration du CSS des fiches produits sur le Dolistore.
Il les a intégrées : un grand merci à lui ! :blush:
L’objectif était simplement d’aérer un peu la section description des pages produits, tout en corrigeant quelques soucis, notamment des liens qui n’étaient pas clairement distinguables du reste du texte.

En testant et en vérifiant ces petites modifications, j’ai fait quelques constats que j’aimerais partager et discuter avec la communauté.

Voici une capture d’écran d’une fiche produit sur le Dolistore actuellement :

Point 1 : les Distractions :

Certains blocs présents sur la page détournent l’attention de l’internaute et nuisent à sa concentration sur le produit. Cela s’avère particulièrement problématique à cause du point 4, qui introduit une ambiguïté : parle-t-on des compatibilités du module, ou d’autre chose ?

Les habitués du Dolistore savent sans doute de quoi il s’agit. Mais pour un visiteur qui arrive pour la première fois depuis Google, ce n’est pas forcément évident. Cette confusion peut réduire l’impact de la fiche produit et freiner la conversion.
Mon verdict : à retirer :stop_sign:
PS : je parle de le retirer uniquement sur la page produit, sur les autres pages c’est ok.

Point 2 : C’est tout serré !

Le bloc de tarif et de mise au panier semble tout compressé, comme s’il n’était pas à sa place, recroquevillé, presque timide dans son coin.
Il mériterait d’être mis davantage en valeur, avec un peu plus d’espace et de présence visuelle. Bref, qu’on lui redonne de l’importance et de la matière !

PS : Dans le cas des modules, est-ce que la notion de quantité est vraiment utile ? À mon avis, pas tant que ça, ou je me trompe ?

Point 3 : Un bandeau (trop) visible… mais vide

Il y a ici un large bandeau noir qui attire immédiatement l’attention, mais qui reste vide à 90 %. Résultat : il capte inutilement le regard sans apporter d’information utile.

Pourquoi ne pas soit lui donner un vrai rôle (mettre en avant une info importante), soit le rendre plus discret s’il n’est pas essentiel ?
Ou alors revoir le bandeau tout simplement.

Proposition

Puisque je n’aime pas critiquer sans proposer de solutions, voici un exemple réalisé rapidement sous Inkscape. :artist_palette:

Pour la partie des icônes placée au-dessus de la description courte, je me suis inspiré de l’approche utilisée par PrestaShop, c’est simple, lisible et efficace.
Cela dit, cette section mérite encore d’être retravaillée pour la rendre plus pertinente et mieux adaptée à l’univers Dolistore.

:memo: Petit rappel : il s’agit ici d’une réorganisation rapide à des fins de démonstration.
J’ai utilisé des morceaux de captures d’écran que j’ai agrandis, ce qui explique le côté un peu flou ou “baveux” de certains textes.
L’objectif n’est pas de juger les couleurs ou le design final à ce stade, mais bien de se concentrer sur le positionnement et l’agencement des éléments.

Voilà pour ma proposition :slightly_smiling_face:
N’hésitez pas à me dire ce que vous en pensez : suggestions, améliorations, objections… tout retour est le bienvenu !

6 « J'aime »

C’est une super bonne idée, je peux demander un petit coup de main à @amandine_eoxia qui peut nous faire une maquette éventuellement ça t’intéresse ? @John_BOTELLA

1 « J'aime »

Ho oui je valide !

Très largement inspiré du PRESTASHOP Addons à ce que je vois mais tu as gardé que le meilleur !

Hâte de voir ça en prod :sweat_smile:

A+
Mathieu

1 « J'aime »

Oui pour la zone description courte, pour le reste c’est inspiré de 3 autres sites dont le mien :wink:

Mais je compte transformer ça.

1 « J'aime »

À ce stade, il faut encore prendre en compte les objections, les suggestions, etc.
Une fois tout cela clarifié, on fera une version propre, car cette refonte graphique a un impact important sur les autres pages également.
Il reste aussi des interactions à étudier, notamment tout ce qui concerne le responsive, surtout au niveau des menus.
J’ai déjà quelques idées en tête.

Par contre, si ya qq suggestions de positionnement, et ou interactions je suis preneur :wink:

1 « J'aime »

Mon humble avis sur le sujet,

Le look & feel du dolistore à plus de 10 ans, beaucoup de vendeur de module ne prenne pas la peine de réaliser une page de présentation pour la section plus d’information

J’avais déjà « amélioré » mes pages de présentation à coup de javascript, en développant des templates pour mes fiches de présentation et en générant une présentation plus commerciale, à partir de la documentation de mes modules (grace à l’ia mais chut).

Ensuite on parle là du contenant plus que du contenu, faire évoluer la présentation du store est en mon sens possible à présent que l’on a notre propre boutique, mais cela demande des compétences que je ne possède pour faire un relooking de la boutique.

A ce sujet, il ne faut sans doute pas réfléchir comme une boutique avec des produits mais une vrai logique de marketplace avec un espace ou les vendeurs de modules pourrait centraliser leur module (ce que je tente de faire en présentant des modules liées en bas de page, …),
Une fonction qui serait pertinente ce serai de faire un message aux acheteur de module quand leur accès aux mise à jour a expiré afin de leur proposer d’acheter à nouveau le module, voir avec une remise (quand pourra-t-on faire des voucher, des promos, …)

Ce que je me pose comme question c’est si ce genre de chose améliorera plus les ventes de module, inspirera plus confiance aux potentiel acheteur, …

1 « J'aime »

Merci pour ton retour.

Je partage un peu de mon histoire avec Dolibarr cela devrait répondre à ta question.

Il y a 10 ans, quand j’ai découvert le Dolistore (je connaissais déjà Dolibarr depuis un moment, mais à l’époque j’utilisais encore l’ancêtre d’Odoo, avant le changement de nom), je dois avouer que je n’ai pas eu très confiance. Du coup, je n’ai rien acheté sur le store et j’ai acheté ailleurs…bouuh pas bien…

Le design, basé sur le thème par défaut de PrestaShop, ne m’inspirait pas, et comme j’avais à ce moment-là une boîte spécialisée dans les sites e-commerce prestashop, ça m’a tout de suite refroidi.

Aujourd’hui, c’est différent. Je connais la communauté, on a partagé des bières, rigolé ensemble, échangé… Bref, la confiance est bien là.

Mais je pense que ce petit retour illustre bien une réalité simple : un site qui inspire davantage confiance vendra forcément plus.

Mais surtout le store est en quelques sorte un reflet du projet Dolibarr, donc je pense que cette plateforme ne doit surtout pas être négligée.

4 « J'aime »

Parmi les améliorations à envisager, l’uniformisation des fiches produits me semble une étape obligatoire pour améliorer l’expérience utilisateur. L’objectif est de permettre à l’internaute de mieux s’y retrouver.

Pour cela, il serait pertinent d’ajouter des champs spécifiques, tels que :

  • des liens vers la documentation (en plusieurs langues),
  • des liens vidéo de présentation (également multilingues),
  • un lien vers une démo,
  • et la liste des langues supportées.

En complément des descriptions courte et longue, d’autres sections devraient être ajoutées, comme une section « Installation ».
Cette section pourrait reposer sur un template commun, non modifiable, mais sélectionnable (ex. : “installation standard”, “ne pas utiliser la doc d’installation”, etc.), tout en permettant d’ajouter des instructions spécifiques au module.

Par exemple, pour PrestaDoliSync, il faut également installer un module côté PrestaShop, effectuer certains réglages, etc.

Bien entendu, les revendeurs conserveraient la possibilité de personnaliser leur fiche avec leur propre description et mise en page.
Mais cette base commune permettrait de garantir une qualité minimale pour toutes les fiches, ce qui augmenterait mécaniquement la confiance des utilisateurs.

1 « J'aime »

Pour ce qui est de l’uniformisation des fiches produits, les pages de présentation par défaut à la création d’un module ont disparu, bon courage pour repartir d’une page blanche…

Ce que tu proposes c’est bien, mais quand tu as une quarantaine de module en vente, c’est le job d’une personne à temps plein, pour le faire correctement.
A titre d’info, pour traduire l’ensemble de la documentation de mes modules en anglais en utilisant google trad + la création des copies d’écran dans la langue, c’est une blague de 30 jours soit le montant de mes ventes annuels…

Pourtant, comme ce qui me chagrine le plus, c’est la faiblesse de ma clientèle non francophone (et ce n’est pas lié à Trump…).
J’ai pourtant déjà des pages de présentation en français, anglais et espagnol
j’ai commencé à traduire ma documentation, mes présentations (d’ailleurs j’ai prévu d’ajouter bientôt l’allemand et l’italien à mes pages de présentation, soit une bonne semaine de travail), sans avoir la certitude d’un retour sur investissement.

D’ailleurs une feature utile ce serait de pouvoir avoir des copies d’écrans en plusieurs langue, ne serait-ce que pour la première image d’accroche…

Une autre remarque, c’est que beaucoup de vendeur de module se servent du dolistore comme produit d’appel pour vendre de la presta, de l’intégration …

Hello, je decouvre le nouveau dolistore, voici mes commentaires, je sais je sais c’est facile de commenter comme ca.

++ l’impression globale est meilleure qu’avant

  • je trouve que les versions supportees en gris en haut du logo sont super claires!
  • quand on arrive sur le Dolistore, il y a 12 modules affichés, je ne sais pas a quoi ca correspond? Pourquoi pas directement la liste des modules classes par reference, ou alors une explication que ce sont des modules mis en avant pour une raison x ou y?
  • Les goodies envoient sur une page qui envoie sur une page dans la barre sur la gauche, ce serait plus simple de faire un lien vers la vraie boutique directement?
  • il y a beaucoup d’espace vide, en mode liste on ne voit que deux modules, en mode grille 8. Je ne suis pas sur que l’enorme bandeau Modules/Plugins serve a quelquechose, etant donne qu’il est deja ecrit module/plugin juste en dessous, et que a priori on ne peut arriver la qu’en ayant deja clique sur modules/plugins sur la barre laterale.

Ma suggestion est de reduire la taille des icones, parce que honnetement celles qui existent ne sont souvent ni belles, ni informatives, parfois tout simplement pas renseignees, il me semble que renseigner la categorie et afficher l’editeur, avec son icone s’il en a une serait plus informatif.
Pour les icones, mettez vous a la place d’un client lambda comme moi:

  • qu’estce que connecteur brevo?? ou communications? Il est indispensable de cliquer pour savoir de quoi il s’agit.

un grand nombre de fiche produit sont mal renseignees, par exemple connector brevo affiche du html au lieu d’un texte mis en forme, dans un autre la video ne marche pas, un autre encore a une ligne infinie qui sort de l’ecran, etc.

Pour resumer:
je propose de supprimer le bandeau un peu inutile en haut
je propose de mettre version et categorie en barre de recherche, voire de supprimer la barre laterale! Page d’accueil: une barre avec categories, version et passer nouveautes et promotions dans l’espace principal en bas pour les mettre en valeur. Expliquer ce que ces 12 modules affiches font la. Mettre les explications de la Dolistore en bas ou dans une page dediee, mais surtout afficher plus clairement que la Dolistore est la store officielle de Dolibarr.

  • reduire la taille des icones et avec l’espace gagne afficher l’editeur, la categorie et/ou une premiere ligne qui permet de comprendre ce que fait le module.
  • s’assurer que les modules sont bien renseignes, parce que meme si c’est la responsabilite de l’editeur de se mettre en avant, l’impression de la boutique resulte de la somme des impressions des editeurs.

Sur la version mobile qui dans mon pays genere 90% des visites:
++ je trouve ca super de mettre categories/versions/new products en avant, ca a plus de sens!

  • Par contre si je clique sur new products, j’ai deux produits dans le menu deroulant, et si je continue a defiler, j’ai la liste des nouveaux produits… encore une fois!
    si je clique sur categories, c’est pareil, quand on choisit une categorie le menu se ferme et renvoie bien la liste des categories,mais si on veut en choisir une autre il faut retourner dedans au lieu de choisir facilement plus bas.
    Bref il me semble que la navigation n’est pas consistante.
  • Et enfin lesdites listes de produits n’affichent qu’un module par page! Ce n’est pas assez.

Encore une fois ce n’est qu’un feedback honnete, j’espere ne froisser personne et suis conscient de tout le travail necessaire sur une boutique parce que j’en ai une moi-meme.

1 « J'aime »

Je suis assez d’avis que d’aider les éditeurs à mieux présenter leurs produits serait positif pour l’ensemble. Ce serait un bon atelier à proposer lors du prochain devcamp, je peux présenter mes outils d’industrialisation, si quelqu’un pourrait aussi présenter quelquechose sur la mise en page, ce serait bien aussi

30 jours ? Tu nous fais un petit coup de Marseillaise là :smile:

Je comprends ce que tu veux dire, surtout si tu repars de zéro – vidéos, pages de présentation, captures d’écran, etc. Oui, là c’est clairement un gros taf, et je suis d’accord que ça peut vite devenir le job d’une personne à plein temps.

Mais en réalité, tu ne pars pas de rien. Normalement, tu as déjà ces éléments pour la version actuelle de tes modules. Donc si on parle juste de faire une mise à jour légère, du style :

  • Ajouter les liens vers des vidéos déjà existantes
  • Mettre le lien vers la doc (qui est déjà prête)
  • Renseigner les langues supportées

…franchement, même avec 40 modules, ça peut se faire en une demi-journée, une journée grand max.

Et sinon, pour clarifier ce que je propose : je ne parle jamais de systèmes rigides. Je suis plus dans le « responsive », non pas au sens CSS, mais bien au sens « adaptatif » : si tu n’as qu’un lien de doc, alors c’est celui qui s’affiche, point. Et quand un utilisateur arrive sur le site, il peut très bien voir une version traduite ou choisir sa langue (anglais, français, etc.).

Après, bien sûr, si tu veux tout refaire proprement avec une vraie refonte des assets, du contenu marketing soigné, etc., là oui, le temps devient très variable en fonction du niveau de qualité que tu veux atteindre. Mais ça, c’est plus le boulot de base quand tu prépares le lancement ou la promo d’un produit.

Les anciennes fiches resteront valides, donc pas besoin de tout modifier. L’idée, c’est d’ouvrir la voie à une meilleure qualité, sans tout casser.

Et puis surtout : remplir ces champs (langues, doc, vidéos…) va permettre une meilleure visibilité dans les recherches. Je pense notamment à la langue supportée, qui peut vraiment faire la différence dans les filtres.

Qui sait, on pourrait même imaginer remplir le champ « modules synergiques » (parce que bon, juste « compatibles », ça ne veut plus dire grand-chose… au final, ils le sont presque tous).
L’idée, ce serait de mettre en avant les modules qui, ensemble, font vraiment des paillettes Kevin ! :sparkles::joy:

Et à l’inverse, on pourrait aussi indiquer les modules incompatibles, bon ok, là, au moins, c’est simple et direct.

1 « J'aime »

Bonjour,

Le gros problème du dolistore à mon avis et du point de vue d’un utilisateur qui cherche un module, c’est qu’il faut être sacrément motivé pour arriver à trouver un module.

Disons que je cherche un module dans la catégorie GED pour une installation de Dolibarr en version 18.

Je vois des catégories et un filtre par version de Dolibarr.
Chouette ça va être simple.
Je clique sur v18 pour commencer à filtrer, super ça marche.
Plein d’espoir je choisi donc d’afficher les modules de la catégorie GED, oh m*** alors mon filtre v18 a disparu.
Je re-clique sur v18, et mon filtre réapparait, parfait. Ah non m*** encore une fois, là c’est ma catégorie GED qui vient de disparaitre.
Là j’arrive à l’étape où je commence à utiliser les citations célèbres du capitaine Haddock, et je laisse tomber l’affaire.

Merci pour ce retour,

Il semble que ce soit une liste aléatoire de modules, peut-être filtrée en fonction de la compatibilité avec Dolibarr, mais c’est une supposition pour ce point.

Effectivement, c’est un problème, il faudrait revoir aussi un peut la « navigation à facette »

Dans un premiers temps pouvoir appliquer les filtres suivant (en même temps) serait le minimum :

  • Catégorie
  • Version Dolibarr compatible

et par la suite

  • Langues supportées
  • Multi entités supporté

:rofl:
Bon je vois que je vais aussi devoir faire un visuel sur les pages de listing produits.

2 « J'aime »

Ce n’est pas qu’un problème, cela donne une mauvaise image de Dolibarr.

Si vous êtes un nouvel utilisateur qui essaie de voir si Dolibarr peut convenir à ses besoins, en constatant qu’un simple filtre ne fonctionne pas sur le dolistore, vous vous demandez si Dolibarr c’est vraiment sérieux comme projet.

La première impression est souvent définitive.

Je viens de faire la doc en Anglais pour customTabs : 1 jour de travail

  • 33 copies d’écrans à refaire dans la bonne langue (sans compter des oublies de traductions dans le fichier de langs).
  • 12 pages (la version pdf) à traduire (et avec google trad, il y a toujours des trucs à relire…)
  • mise à jour des pages de présentation sur le dolistore à actualiser…

Pour faire la même chose en espagnol ou en allemand (italien???), ben tu y réfléchis à deux fois … meme si c’est de l’investissement à long terme sachant que cela n’empêche pas de le vendre quand meme à des non francophone.

On est sur un module de taille moyenne, entre un complexe Equipement et un simple myClock qui m’a quand même pris une demi-journée.

Maintenant j’ai quand même bien optimisé les choses, par exemple passer les fiches de présentation de mes modules en allemand et italien, ce sera bien 2 jours de boulot.

Je te laisse estimer le temps que prendrais une mise à jour manuelle de toute mes fiches de présentation (en 5 langues hein) pour mes 40 modules juste admettons pour changer la tournure d’un texte, ou rajouter une nouvelle offre de support…

Je te laisse relire mon message sans cherry picking :kissing_heart:

1 « J'aime »

Très beau !

Je ne sais pas si cela a été dit parce que j’ai lu le fil en diagonale, mais pouvoir aussi retrouver les modules d’un même éditeur me semble intéressant. Par exemple, en ajoutant un bouton à la page d’un module « autres modules de l’éditeur »

Merci en tout cas pour vos efforts consacrés à l’ergonomie de Dolistore (et de Dolibarr). Pour moi, c’est un sujet important dans l’adoption d’un logiciel ou d’un site, qui m’avait auparavant semblé relégué au second plan, pour ne pas dire considéré comme sans importance.