On sait combien les nouveaux sites d’e-commerce usent et abusent des visuels de produits cliquables et qui pointent vers une version grand format de ceux-ci. Comme chacun sait, il peut coûter cher de produire les visuels, mais il peut aussi coûter cher de les afficher : coût de développement d’un système de zoom, coût de la bande passante nécessaire à l’affichage de photos de trop grand format, etc.
Innovablog nous parle d’un outil en javascript nommé Highslide qui est décrit comme une aide pour les galeries photos de particuliers. Seulement, si l’on regarde le produit de près, celui-ci peut-être très facilement adapté sur un site d’e-commerce et pour un coût extrêmement réduit : 29 $, payable par Paypal
Cliquez sur la photo ci-dessous pour voir un exemple :
Sympathique, non ?
L’outil est extrêmement paramétrable (CSS + Javascript personnalisable) et très flexible : une solution vraiment simple pour les sites d’e-commerce “artisanaux” qui souhaitent offrir une meilleure expérience à leurs utilisateurs.
Cliquez ici pour en savoir plus sur Highslide !
Il est toujours bon de rappeler les évidences, surtout lorsque celles-ci peuvent avoir un énorme impact sur l’atteinte de vos objectifs: on retrouve trop souvent encore de grands écarts d’affichage entre les versions d’un même site sur les différents navigateurs du marché: Internet Explorer, Firefox, Safari, Opéra, voire même Konqueror (spéciale dédicace à nos lecteurs linuxiens
)
Je parle ici non seulement de différences d’affichages, mais surtout de problèmes plus dangereux: des liens qui disparaissent, des blocs décalés et qui passent sous certains autres, des textes qui apparaissent en bleu sur bleu parce que le CSS est mal codé, etc.
On ne peut pas exiger que votre site s’affiche de la même manière au pixel près sur tous les navigateurs du marché: vos développeurs ont surement bien d’autres choses à faire que de passer une semaine pour optimiser le site sur un navigateur qui représente 0,05% des connexions.
Ce qu’on pourrait vous reprocher par contre, c’est de ne pas en être conscient de ces différences d’affichage. A vous de placer le curseur pour savoir combien vous êtes prêts à investir en développement et assurer la compatibilité avec un pourcentage défini d’utilisateur: 90%, 95%, 97% ?
N’hésitez pas par exemple à utiliser le plugin IE Tab sous Firefox qui vous permet de basculer entre l’affichage Internet Explorer et Firefox, ce qui permet de se donner une idée !

Cela faisait quelques temps qu’avec Thomas nous nous posions la question de la refonte de notre blog. Pas question de changement radical, mais d’optimisation, histoire de profiter de tout l’espace disponible… Espace sur notre page (colonne vide) et espace sur le Net (envahir la toile, avec le taux de conversion pour credo). Plus sérieusement, vous l’aurez compris, il était question d’optimisation de notre référencement et de l’expérience utilisateur.
Référencement naturel
Nous avions un peu lancé ce blog rapidement (euphémisme pour ne pas dire dans l’urgence) et nous avions par exemple mis une image pour bannière sans dupliquer son contenu en format texte. La première étape de la journée a donc été de changer notre bannière. Deux pistes de travail : laisser l’image de base et cacher du texte indexable en-dessous, ou utiliser une image sans texte et ajouter le texte avec le fichier CSS par dessus. Nous avons retenu la deuxième hypothèse. Au programme, nous avons aussi prévu de rajouter des tags et quelques plugins WordPress bien pensés pour améliorer notre SEO (plus de détail et le nom des plug-in une fois l’installation accomplie).
Expérience utilisateur
Question couleur, nous avons pensé aux remarques que nous avions eues sur les blocs qui étaient d’un gris un peu trop clair. La bannière a été repensée pour mieux intégrer les boutons de navigation et surtout, révolution de la journée, nous avons ajouté une nouvelle colonne, histoire de tirer meilleur profit de notre espace latéral. En utilisant l’excellent outil Clicktale (dont j’avais parlé dans un post précédent)), nous avons constaté que nous vous faisions pas mal scroller. Dès lors, en plus de mieux exploiter l’espace latéral, nous allons ajouter des plug-in pour lier les articles entre eux par contenu et mettre en avant les articles qui marchent bien et les derniers commentaires.
Rien de révolutionnaire, je vous l’avais dit, juste des mises à jour qui commençaient à être nécessaires (étude de nos statistiques et de votre comportement à l’appui).
N’hésitez pas à nous faire un retour et surtout désolé pour les courageux qui ont visité la passage pendant les mises à jour, ils ont dû voir des choses pas très esthétiques.