François Ziserman : entrepreneur, IA et ébénisterie
Après le bouton d’achat toujours visible sur Myfab, un peu dans le même esprit, Apple propose un bloc panier toujours visible, dans la page « d’up selling ».
La page s’affiche initialement comme ça :
La zone droite reste toujours visible, même quand on fait défiler la page vers le bas :
Cette zone reste « collée » en haut à droite de l’écran du navigateur.
Très bien fait, comme bien souvent sur le site d’Apple, un modèle de qualité !
Myfab vient de relooker son site e-commerce.
Petite fonction sympathique sur la fiche produit.
Quand la fiche produit s’affiche, rien de spécial :
Problème classique, quand on descend dans la page, le bouton « acheter » va être caché.
Pas chez MyFab, qui a mis une fonction Ajax :
La barre du haut, grise avec le bouton « Commander » est affiché en superposition, et s’affiche dès qu’on commence à scroller la page.
Très bien fait, et inspiré du back office Magento.
Il peut être intéressant, pour les clients d’un site, de pouvoir « mettre de côté » en ensemble de produits.
C’est ce qu’on appelle les wish list (en un ou deux mots).
A la base, l’idée est très simple : en plus du panier, je peux mettre des produits dans un « deuxième panier », pour des produits que je réserve donc.
Idée simple, qui s’enrichit très vite quand on creuse :
Attention toutefois, à ne pas faire trop compliqué en fin de compte.
Attention en particulier à bien garder la page produit très simple. On doit en particulier être attentif à ne garder qu’un seul bouton « incitatif » : le bouton d’ajout au panier.
Sur ce sujet, Amazon était allé très loin il y a quelques mois, avec la possibilité de gérer plusieurs wish list dès la page produit. Depuis, Amazon est revenu en arrière, avec une gestion des wish list bien plus simple.
Comme bien souvent pour ce type de sujet, il faut se concentrer sur l’essentiel, la règle du 20 / 80 est un bon guide (se concentrer sur 20% des fonctions qui répondent à 80% des besoins).
ça fait longtemps que je le dis: sur les OS multi fenêtre (tous les OS quoi), le positionnement libre des fenêtre est à mon sens un… non sens.
Quel est l’intérêt d’avoir des fenêtres qui se chevauchent ?
Bref, je souhaite qu’un OS me permette de fixer des règles, comme une grille, et les fenêtres pourraient être automatiquement positionnées suivant ces grilles.
J’ai trouvé mon bonheur avec Sizeup :
L’application permet de paramétrer 4 espaces, puis de placer n’importe quelle fenêtre dans l’un de ces espaces.
Et ça marche !
On ne le répètera jamais assez : pour bien vendre le produit, il faut bien le mettre en avant, en valeur.
On connait tous maintenant la fonction de zoom « automatique » qui consiste à montrer en gros plan une partie de la photo, en suivant les déplacements de la souris :
C’est donc le premier niveau de zoom, déjà assez fort.
En cliquant sur une imagette en bas, on peut voir une image bien plus grande :
Bon, déjà très bien… Mais, vous voyez, en bas à droite, il y a un bouton de zoom, qui permet donc d’accéder au mode « super plus plus » :
A ce stade, l’image ne tient plus sur l’écran, on peut se déplacer dans l’image avec la souris.
Bon, on le voie bien le produit là, non ?
Bravo Ludovic pour cette réalisation très sympa !
Comme je vois un peu partout fleurir des prix de ceci ou de cela, je me suis dit que j’allais faire mon propre prix, voilà ;).
Bon, je dois dire que ce qui a motivé aussi ce billet, c’est un prix que j’ai vu, pour un site que j’ai trouvé plutôt mal fait…
Et je me suis dit : halte là ! On doit savoir faire de plus belles choses en France !
Donc, je décerne (à l’unanimité) le prix de l’ergonomie à Legallais.com :
C’est un site B2B, qui vend des fournitures pour les artisans.
Ce qui me marque sur ce site, c’est le travail très appliqué pour donner une grande lisibilité, une grande cohérence.
Ce qui est cliquable est bien identifié comme tel.
Les photos sont bien travaillées, les visuels de qualités.
Et pourtant, vu le nombre de références qu’ils ont, c’est un vrai challenge !
Le site fonctionne très bien, les résultats sont là…
Bravo à Nicolas et son équipe pour son travail !
Et vous, a qui donneriez vous le prix de l’ergonomie ?
Cela fait quelque temps que j’ai en tête un billet, sur la cohérence de l’interface d’un site.
Mais j’ai du mal à l’écrire : j’ai des idées qui me semblent trop théoriques, …
Et puis, miracle, je suis tombé sur ce site…
Premier bouton pour acheter :
Deuxième bouton, sur la page suivante donc :
Troisième bouton :
Et enfin dernier (probablement le plus réussi) :
Voila. rien ne vaut un bon exemple…
Donc, pour faire simple, la cohérence, c’est « pas ça ».
Je suis un grand défenseur de la simplicité : simplicité des concepts, des interfaces, des services.
De manière gérérale, je pense que la simplicité est l’un des éléments clé pour réussir…
C’est bien souvent vrai, mais il y a de sacrés contres exemples…
Facebook notamment !
Ce service est tout sauf simple… On ne comprend pas grand chose quand on regarde ou utilise ce service.
Et pourtant, quel incroyable succès !
C’est la preuve par l’exemple qu’on peut aussi réussir avec un service pas simple !
Bon, c’est pas une raison pour faire des services complexes, hein ?
L’iPhone est un appareil incroyablement bien réussi.
L’ergonomie est réellement bien faite.
Mais il y a des failles, d’incroyables failles.
Ainsi, le truc qui m’énerve, plusieurs fois par jours, c’est le bouton pour afficher la barre de recherche, dans les contacts :
Pour afficher cette barre, indispensable pour chercher un contact, il faut « cliquer » sur la petite loupe.
Mais ce bouton est tout petit, et ça rate jamais : soit c’est le « + » qui est sélectionné (création d’un nouveau contact), soit c’est le premier contact sous la loupe…
Bref, il faut systématiquement 3 ou 4 essais avant de chopper ce p… de bouton.
Pull-in est une boutique réalisée par Hitomistudio, et propulsée par Magento.
Exemple de page produit : très très sobre, le produit est donc naturellement bien mis en avant.
(Personnellement, j’aurais plutôt mis la colonne prix / Taille / Commande à droite, qui est une zone plus « chaude » qu’à gauche)
La réalisation est propre, bravo donc à l’équipe !