Cross selling et up selling ont fait l’objet d’une récap il y a peu. Et j’étais passé à coté d’une idée excellente : proposer du service jusque dans le panier. Mais pas salement comme le font certains sites ecommerce que je ne nommerait pas.
Ici c’est fait avec élégance par privilége discount. Une fois votre produit ajouté au panier, et à la visualisation de celui ci, un bouton ajouter au panier en face de l’option vient s’afficher. Ce n’est pas agressif, ce n’est pas obligatoire, bref je trouve ça très bon.
Contrairement à certaines pratiques que j’abhorre, on parle bien ici de service. On ne force pas la main du client en ajoutant une carte et des services à 2 francs (<-expression du siècle dernier) difficiles à ajouter. De plus l’option proposée est simple, il n’y a pas 50 produits, mais bel et bien un service complémentaire.
Optin et Optout sont dans un bateau, lequel faut il jeter a l’eau… (En lisant ça le capitaine doit encore être plein de bave).
Voilà, quand j’entends le mot zoom, il me vient en tête une chanson, entendu dans une pub pour des voitures. Et ça me tourne en boucle dans le cerveau toute la journée. Zoom zoom zoom. Alors, comme thérapie je vais écrire ce satané billet sur les zooms (zoom zoom argggghhhhh).
On trouve généralement le zoom sur la page produit. C’est logique. Ici plusieurs écoles : soit on en met pas, soit on en met. Si un zoom sur une boite de cassoulet n’est pas forcément nécessaire, sur du textile par exemple c’est déjà plus indispensable.
Plusieurs solutions sont possibles. La plus simple techniquement parlant est probablement la mise a dispo d’une vignette cliquable qui améne une version plus grande de la photo. Simple, efficace, pas sexy du tout. C’est simple, efficace, moyennement sexy. C’est par exemple ce que fait materiel.net (j’adore ce site pourtant). On clique sur une vignette et plop, magie du web, on va l’image en plus grand. Incroyable.
Ensuite vient la mise à dispo d’une photo taille normale, et une suite de photos de détail. C’est techniquement simple, et simplement faisable tant qu’on maitrise la prise de vue ou qu’on a une image de bonne qualité qu’il suffit de retailler.
Simple, on met simplement une photo de détail
Plus compliqué, la mise à dispo d’un outil de zoom. Souvent en flash, parfois en javascript (ici par exemple, ou encore là). Des sociétés proposent des solutions toutes faites, avec hébergement des images haute def. C’est déclinable à l’infini : par rollover, par clic, avec une loupe… Souvent, on a le droit aux effet type lightbox, jusqu’à la nausée.
plus compliqué, le zoom en flash
Enfin, il est possible de mélanger les solutions : plusieurs vignettes, et chacun dispose d’un zoom (zoom zoom zoom argggggggggggggg).
photo de détail, plus possibilité de zoomer sur la vignette de détail. Un zoom dans le zoom quoi.
Zazle offre une autre solution. Le zoom est directement accessible sur la homepage, au niveau des vignettes. Plutôt sympa non ? Pas uper utile, mais sympa.
En plus c'est rigolo, on peut lui mettre le doigt dans le nez
Enfin, le must du must, mais pas forcément adapté au ecommerce. Souvenez vous de la demo de Photosynth et SeaDragon, sur TED. Vous pourrez tester d’ailleurs le rendu sur le site de Microsoft Live Labs. Jetez également un oeil à cette démo de 2006 et son image de 18 Gopx. Amazon avec son WindowsShop tente d’ailleurs l’aventure. Je suis loin d’être convaincu de l’intérêt de cela sur un catalogue très fourni. En tout cas dans la forme actuelle de ce site, ne serait ce que parce que l’habitude aidant on se retrouve un peu perdu.
Mais pourquoi installer un système de zoom ?
Si plusieurs vues produit s’imposent souvent, qu’en est-il de ce satané zoom ? Clairement, si vous vendez des boites de conserve, ce n’est pas utile. Pour des vêtements c’est carrément nécessaire. Il faut penser en terme de service. Dans un magasin on peut toucher, peser, voir même sentir le produit. Pour le ecommerce, il faut trouver un substitut à cela. Le zoom est une des solutions.
Au final, on en revient toujours au même : pas la peine de se lancer dans des fonctionnalités hyper complexes et couteuses pourvu que l’utilisateur si retrouve. Le plus embêtant pour proposer quelque chose d’intéressant est de disposer de photos de qualité. A mon avis le reste est poudre aux yeux.
Et maintenant, il est probable qu’à chaque fois que le mot zoom s’imposera à vous, cette saleté de chanson viendra vous pourrir la vie. Merci qui ?
Il y a quelques temps déjà, dans un post intitulé 107 boutons acheter, nous avions déjà traité ce sujet. Les boutons étaient en anglais. Ici ils sont tirés de sites francophones. Il y en a un peu plus de 80.
Les plus perspicaces d’entre vous se disent déjà deux choses :
1/ Je ne sait pas compter.
2/ Pourquoi ressortir un vieux sujet.
Pour le 1/ c’est parce que j’ai arrêté l’école au CP. Pour le point 2, c’est simple, ces derniers temps je suis tombé sur quelques sites qui m’ont fait frémir d’horreur. Des boutons rikikis au possible, parfois super durs à trouver. Genre un picto 8px teinte sur teinte tout en bas de page.
Donc petit rappel général :
Le bouton doit être grand, visible, identifiable très rapidement et donc doit trancher par rapport au reste. Entre les “ajouter au panier”, “j’achète”, “commander”,” je le veux”, “faites chauffer la CB” tout est possible, mais bon, il faut le reconnaitre, un classique ajouter au panier avec un joli picto est quand même le plus facilement indentifiable. Le texte importe peu finalement, puisque si le bouton est accompagné d’un picto sa reconnaissance est immédiate.
Mettez vous à la place d’un client qui ne connait pas votre site. S’il lui faut 3 minutes pour trouver le bouton acheter, dites vous qu’ailleurs c’est le temps qu’il lui faut pour acheter 10 produits.
En cas de doute sur votre bouton, et si vous n’êtes pas chaud pour changer quoi que ce soit à la hussarde, faites de l’AB testing, utilisez MyCoolButton, ou autre (par exemple un peintre sur ordinateur - un graphiste quoi), mais testez puis retestez.
C’était le marronnier du mois, à vous les studios.
Zazzle est un site de personnalisation d’articles en ligne. Aujourd’hui, nous nous intéressons à leur page produit, pleine de bonnes idées à repiquer.
On est pas bien, là ?...
Confier la conception d’un produit personnalisé à l’utilisateur moyen est une gageure
Lorsqu’il s’agit de personnalisation, permettre à l’utilisateur de concevoir son propre produit relève de la gageure, car l’utilisateur moyen, cet idiot, pour des raisons difficile à déterminer, aime prendre un malin plaisir à ne pas comprendre l’interface que vous avez spécialement conçue pour lui, vous, le designer-ergonome-développeur qui, pourtant, avez conçu déjà des dizaines de sites et connaissez par coeur les comportements que les internautes devraient avoir.
Zazzle recèle plein de bonnes idées et évite les ecueils
Bien, mais, en fait, dans la réalité, une bonne ergonomie résulte de tests utilisateurs qui seuls vous permettront de détecter les problèmes d’utilisation et de navigation de votre site, et donc, je trouve, qu’à ce sujet, Zazzle est une réussite parfaite, pleine d’idée que vous pourrez même repiquer pour votre site à vous, même s’il n’est pas fait pour personnaliser des articles.
Résumé en images
Voici donc, en images, décortiqués (rapidement quand même, j’ai pas que ça à faire) quelques détails qui m’ont paru pertinents.
Un assistant accompagne l'utilisateur la première fois qu'il personnalise un article. Il peut être ensuite désactivé. Voilà une bonne manière d'aider l'internaute à prendre l'interface en main.
Très fort aussi, la possibilité de choisir un modèle dans différentes positions, mais aussi selon différentes morphologies.
Il est possible de zoomer sur le mannequin selon 3 niveaux, ce qui permet d'améliorer grandement le travail de personnalisation quand l'utilisateur doit "rentrer dans le détail". Notez également la lisibilité et la bonne utilisabilité des boutons à droite des outils de personnalisation
L'outil texte est également puissant et permet de visualiser directement le résultat sur le produit à personnaliser (notez, petits coquins, la déformation appliquée au texte due à la poitrine voluptueuse de notre modèle)
La poitrine de ce modèle est moins voluptueuse, mais il est quand même possible de la visualiser de dos ou de face.
