On ne le répètera jamais mais le design a une importance de taille dans la conversion de votre site e-commerce et influe sur le comportement des visiteurs. L’une des composantes qui permet d’accéder au tunnel de la conversion est le bouton d’ajout au panier. Le site Get Elastic nous propose une collection de plusieurs dizaines de ces boutons en nous montrant pour chaque commerçant son évolution.

photo credit: beautyredefined

Design matters

Vous pourrez utiliser ce comparatif comme réservoir de bonnes (ou mauvaises) pratiques, et dans tous les cas comme une source d’inspiration pour vos propres boutiques.

Ces billets peuvent aussi vous intéresser :

• De superbes icones pour votre e-commerce
• Threadless + Email remarketing = Bonne pratique !
• Threadless : revue de checkout
• E-commerce : le remarketing par l'email
• E-commerce : l'email pour en finir avec l'abandon de panier

La reprise d’Innovablog a sonné après il est vrai un long mois d’août d’absence. Mais quelle reprise puisque je vous propose deux outils qui vont sans aucun doute vous faire gagner du temps, de la productivité et donc au final de l’argent !

Firebug  Lite

Si vous êtes développeur vous connaissez très probablement Firebug. Certainement le meilleur plugin Firefox d’aide au développement. Si vous ne le connaissez pas encore, il n’est jamais trop tard, voici le site officiel et sa documentation.

Un seul problème, et de taille : sa compatibilité. Firebug n’est malheureusement pas compatible avec Internet Explorer, et l’Internet Explorer Developer Toolbar ne fait pas le poids.

Une alternative existe avec Firebug Lite.  Une simple ligne de code JavaScript à intégrer dans vos pages et vous retrouverez sous Internet Explorer, Opera ou Safari votre panneau Firebug !

<script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>

Dans l’exemple ci-dessous, alors même que le plugin Firebug “classique” est désactivé, la version Lite est utilisée.

Firebug Lite utilisé sur Innovablog

Seule restriction : les fonctionnalités sont limitées à l’exploration du contenu (”Inspect“).

ReCSS

Autre outil, toujours aussi utile, ReCSS, pour Reload CSS vous permettra de recharger la feuille de style CSS d’une page sans avoir à en recharger le contenu (Html, images, scripts, objets, …). Fort pratique donc si vous travaillez sur la feuille de style, et vous évitera les joies du F5.

L’outil fonctionne comme un bookmarklet et s’utilise d’un simple clic dans sa barre de favoris.

Voila pour cette rentrée avec très bientôt beaucoup de nouveautés à vous faire part !

Ces billets peuvent aussi vous intéresser :

• Accessibilité, ergonomie : Google donne ses précos
• Design : explorons les mindmaps
• Ecouter ses utilisateurs. Rêve ou réalité ?
• Vous ne comprenez rien aux flux RSS ? Voici les réponses.
• Outils : améliorez la présentation de vos galleries photos

Les vacances approchent à grand pas, le week-end aussi, et vous n’avez toujours pas réservé vos billets de spectacle ou de train ? Horreur ! Pas de panique, Zepass est là : un service en ligne qui vous permettra de trouver rapidement vos billets au meilleur prix. Ce service de mon ami Quentin inaugure son nouveau look et il est temps de vous le faire connaître !

Acheter ou vendre facilement un billet

Zepass c’est avant-tout ça : pouvoir acheter ou vendre très facilement un billet d’occasion. Le site entier est dédié à la quête du billet idéal. Plusieurs axes d’entrée son possibles : par univers, localisation géographique, prix…

Exemple : j’ai soudain envie de voir le concert d’Alicia Keys (ses 4×3 vues dans le métro parisien ce week-end ont visiblement tapé dans le mille). Très simple, la recherche me fournit immédiatement les résultats :

Un achat facile

Tout est fait pour mettre en confiance l’acheteur. On retrouve les grzndes fonctionnalités offertes par un eBay par exemple.

• Prix : affichage clair et détaillé du prix et des éventuels frais de port,
• Évaluation du vendeur : lien vers une fiche vendeur où on peut consulter son évaluation (nombre de ventes et scoring) et lui poser toutes sortes de questions,
• Bookmarking : ajout du billet à ses favoris,
• Social : faire passer l’information à ses amis,
• Évènements liés : liens vers d’autres places de ce même spectacle, autres dates de l’artiste, autres places disponibles pour ce lieu, etc.

Flux RSS personnel

Cerise sur le gâteau, cette nouvelle version nous gratifie dans l’espace Mon compte d’un mini feed personnel sous forme de flux RSS. Ce flux RSS personnel vous tiendra informé de toutes sortes d’évènements liés à votre compte : message de bienvenue, confirmations d’actions (achat / vente), alertes sur billets ou actions d’autres membres.

Conclusion

Voici donc un service que vous ne connaissez peut être pas encore mais qui pourrait très rapidement vous devenir indispensable. Bravo à toi Quentin et bonne route !

Vous avez déjà utilisé les services de Zepass ? Est-ce que ça vous tenterait ?

Ces billets peuvent aussi vous intéresser :

• Utilisabilité : L'IMAP arrive sur Gmail
• Accessibilité, ergonomie et utilisabilité : 30 points clés
• Web applications pour les pros, comment faire ?
• E-commerce / étude de cas : jouer la carte du service (2/2)
• E-commerce / étude de cas : jouer la carte du service (1/2)

Le service dans le commerce et plus encore dans l’e-commerce crée un réel avantage comparatif. Là où l’offre est mondiale et plutôt abondante, où la comparaison est un préalable à tout achat (les acheteurs sur le web ressemblent à s’y méprendre à l’homo economicus !), offrir un service pertinent et de qualité, qui réponde au besoin exprimé (ou qui le suscite) apporte LA plus value. Intéressons-nous à une partie parfois négligée en tout cas sur laquelle on ne communique que très peu : le service après-vente.
Comme je vous le disais, une fiche produit de qualité est un préalable indispensable. Mais le service ne s’arrête pas là et se poursuit après l’acte d’achat.

Mise en situation

La commande est confirmée. Je reçois une email en attestant. A peine plus de 2 jours après, mon colis m’attend dans mon centre de retrait (j’ai choisi cette option maline qui me permet d’économiser les frais de port). Je découvre ma commande : elles sont superbes ! Seul hic, la pointure n’est pas la bonne. Que faire ? Que va me proposer le commerçant ? Je crois me souvenir que le site proposait un retour gratuit :

Excellente occasion de tester le process de ré-expédition !

Mon compte : mes retours

Tout se passe sur le site, rubrique “Mon compte”. C’est en effet très didactique, puisqu’une rubrique de mon espace client s’intitule “Mes retours“.

En cliquant sur le libellé “Effectuer une demande de retour”, j’accède au formulaire suivant :

Le formulaire est très bien réalisé et guide complètement la démarche. La clef d’entrée est la commande passée. Il suffit donc de sélectionner la commande en question. De là par l’analyse des lignes de commande, on choisi le produit concerné puis on qualifie le motif du retour (pointure, produit non conforme, etc…). Dernière étape on choisi le mode d’envoi.

Le retour

J’ai une fois encore choisi l’envoi par point relais (en l’occurrence ici ceux du réseau Kiala). Un code m’est délivré après validation du formulaire de retour, code qui devra être reporté sur le colis.

Un fois déposé le colis, le commerçant flague ce dernier en lui attribuant un N° (étiquette collée). J’obtiens une contremarque portant ce même N° qui doit être reporté sur le site (attestant du retour). Ce N° va devenir le N° de la future commande et un nouveau cycle redémarre, dont cette fois-ci l’origine n’est pas l’achat Internet, mais le retour en point relais.

De la logistique avant tout

(more…)

Ces billets peuvent aussi vous intéresser :

• E-commerce / étude de cas : jouer la carte du service (1/2)
• E-commerce : 8 points clés pour assurer la confiance de vos clients
• Design / E-commerce : le bouton d'ajout au panier
• Zepass : acheter ou vendre ses billets de spectacle
• Comment faire de l'A/B test sur un site à faible trafic ?

La méthodologie de l’A/B test (A/B split testing) est une méthodologie performante pour optimiser un site Internet. Elle offre aux webmasters des données indispensables à l’analyse et l’optimisation :

• Analyse comportementale : donne une meilleure compréhension du comportement des visiteurs, de leurs attentes et de leurs priorités dans leuyr contexte d’utilisation, et non dans l’open-space de l’équipe de développement !
• Un outil de diagnostic : permet de résoudre des problèmes d’utilisabilité difficiles à anticiper ou à modéliser.
• Un outil de comparaison : mieux que l’intuition de votre manager (qui adore Carla Bruni Sarkozy et vous demande de passer en fond sonore du site corporate un morceau de son dernier album) ou le ressenti de la femme de ménage, elle vous donnera des chiffres permettant de comparer plusieurs alternatives de design ou de wording.
• Faible coût : mettre en place de l’A/B test n’est vraiment pas onéreux. Une fois les alternatives convenues, une simple couche d’outil d’analytique fera l’affaire.

L’A/B split testing pour des sites à faible trafic !

La méthodologie de l’A/B testing est généralement utilisée par les grands groupes disposant d’une cellule IT importante ou par les entreprise pouvant s’offrir les services de cabinets de conseil (comme Future Now Inc tient). Mais ce que l’on sait moins, et c’est justement ce que Bryan Eisenberg va nous démontrer dans cette vidéo, c’est que cet outil peut également être mis en pratique sur des sites d’e-commerce ayany un trafic plus faible.

Les points-clés de l’A/B test à petite échelle

Voici un résumé la teneur des propos de Bryan Eisenberg :

• Nécessite un nombre minimum de ventes : 5 à 10 au minimum par semaine, soit 2 par jour. En deça de ce nombre, l’échantillon récolté ne sera passignificatif.
• Si vous n’arrivez pas à passer ce seuil, utilisez comme métrique, l’ajout au panier (et non la conversion).
• Pas de big-bang : inutile de tester de nombreuses variations ou alternatives dans la même phase de test. Les résultats n’en serotn que plus flous et plus complexes à analyser. Tester variation après variation, une à une.
• Autre alternative : 2 à 3 combinaisons simultanées.
• Tester ce qui en vaut la peine : privilégiez pour le test des choix évidents pour vos visiteurs. L’A/B test est une méthodologie qui s’inscrit dans la durée, privilégiez donc les choix les plus marquants pour cette phase de tests.
• Plus l’impact des variations sera fort, et plus les résultats seront significatifs et marquants.
• Comparez la méthodologie Taguchi (orientée statistiques, se penchant sur les intéractions entre variables) à la “Full factorial” de Google Website Optimizer.
• 6 semaines de test maximum.
• Stoppez le test, effectuez de nouvelles optimisations puis re-testez.
• Les optimisations doivent suivre deux guides : dans un premier temps jouer sur la persuasion des pages puis sur l’établissement d’un sentiment de confiance avec le visiteur.

La vidéo

Aller plus loin sur l’A/B test

• Putting A/B Testing in Its Place
• A/B Split Testing
• Fractional versus Full Factorial analysis

Ces billets peuvent aussi vous intéresser :

• E-commerce : faut-il être loggé pour acheter en ligne ?
• Formulaires web : faut-il faire s'identifier vos clients avec leur email ?
• Taux de rebond : pour réussir, segmenter son analyse par public
• Analytics : un taux de rebond à 2%, ça vous tente ?
• E-commerce : 8 points clés pour assurer la confiance de vos clients

L’achat en ligne peut être une véritable galère, mais peut aussi s’avérer très simple, parfois même réjouissant. Afin de faire les soldes parfaire ma connaissance du site, j’ai testé pour vous le site Spartoo. A la clé : de nombreuses bonnes pratiques à relever, des process simples et efficaces, mais surtout : un service irréprochable. Voici donc une étude de cas e-commerce : Spartoo (épisode 1).

Le service via une fiche produit

Une recherche par critère, un drill-down assez efficace, je trouve assez facilement mon bonheur dans le lot des produits en solde. Un fois cerné ce dernier, la fiche produit assez bien fichue en termine de me convaincre. En voici une revue de détails :

Cliquez pour une vue complète

• Une mise en page agréable à l’œil.
• Des visuels nombreux, didactiques, présentant le produit sous toutes ses coutures. Une vue 3D apporte même de l’interactivité et crée un certain jeu entre le client et le produit. on trouve également les visuels des autres coloris disponibles du modèle.

• C’est devenu une bonne pratique sur les sites de chaussure, une information sur la spécificité de la pointure du modèle (”Prévoyez une taille de plus que votre taille habituelle“, “Choisissez votre pointure habituelle“, etc.).
• Un vrai descriptif de produit.
• La composition.
• Les informations relatives au stock : les tailles disponibles mais également le nombre total de modèles encore en stock. Cette transparence affichée au client peut créer -notamment en période de soldes- un sentiment d’urgence et ainsi pousser à l’achat -tout du moins à la mise en panier- (J’avais déjà évoqué cette gestion des stocks chez Spartoo dans ce billet : Augmenter son taux de conversion : le bon de réduction ciblé).
• Autre bonne pratique du retail en ligne, l’alerte taille en cas de rupture (lire l’article sur Threadless à ce sujet).
• J’ai également aimé l’affichage de le l’équivalent points de fidélité du modèle. Pour les possesseurs d’un abonnement, l’information est intéressante puisque cet achat peut vous permettre de débloquer une prime ou une réduction.

• Réassurance : c’est un sujet que j’aborde régulièrement, mais cet aspect est très largement négligé par nos e-commerçants nationaux, au regard de ce qui peut se faire outre-atlantique où ces mentions sont érigées en culte ! Un article entier était d’ailleurs consacré à la réassurance dans l’e-commerce : E-commerce : 8 points clés pour assurer la confiance de vos clients).

• On peut également trouver des revues de consommateurs ayant déjà ce produit.

Au final, une fiche produit qui m’apporte un réel service. J’ai donc pu :

• Bien comprendre ce produit : le visualiser, en connaître ses caractéristiques propres (taille), les différents coloris disponibles,
• Savoir s’il est en stock, et le cas échéant être averti de son réassort,
• Être rassuré sur les conditions de paiement et sur l’après vente (satisfait et remboursé, retour et livraison gratuits).

Tient justement, à propos de ce dernier point, ce sera justement le thème du billet suivant : le service après-vente !

Ces billets peuvent aussi vous intéresser :

• E-commerce / étude de cas : jouer la carte du service (2/2)
• E-commerce : 8 points clés pour assurer la confiance de vos clients
• Design / E-commerce : le bouton d'ajout au panier
• Zepass : acheter ou vendre ses billets de spectacle
• Comment faire de l'A/B test sur un site à faible trafic ?

La question de l’authentification sur un site marchand est une problématique récurrente de l’e-commerce, mais on comprend rapidement pourquoi : le formulaire d’inscription est au cœur de bon nombre de stratégies de vente en ligne. Le rater, c’est inéluctablement faire chuter son taux de conversion. Posons notre regard sur une bonne pratique qui tend à s’imposer : le login par l’email.

S’authentifier, oui mais comment ?

Nous nous étions déjà interrogés sur l’utilité d’une authentification en préalable à l’achat par opposition au “checkout as a guest“(E-commerce : faut-il être loggé pour acheter en ligne ?). Si plusieurs stratégies cohabitent (on parle bien ici de stratégie commerciale et non d’un simple choix du programmeur), il en est de même concernant la clef faisant office de login (ou identifiant). Le couple login / mot de passe est jusqu’à présent la seule solution proposée par l’e-commerce pour s’authentifier et ainsi rappatrier ses informations de compte personnel (les solutions d’OpenId sont encore ultra-minoritaires dans le commerce en ligne pour un marché surement pas encore mature pour ce type de dispositifs).

J’ai (encore) perdu mes identifiants !

Je pense que tous les service clients et autres services de help desk du monde peuvent tous tirer le même constat. L’une des première étape de ré-engineering et d’optimisation des process dans ce type de service passe par une phase d’automatisation des tâches simples et à faible valeur ajoutée (le 80/20 : ces 20% de taches qui occupent 80% du temps des opérateurs). Or quelle question revient à fréquence régulière ? Je vous le donen en mille : j’ai perdu mes identifiants ! Voila pourquoi des dispositifs (parfois ergonomiques et astucieux) sont mis en place. En voici un : proposez comme identifiant à vos visiteurs leur email !

Mon email c’est mon login

Voici une liste de sites qui ont choisis d’utiliser l’email comme identifiants. L’e-commerce d’une façon générale semble avoir opté pour ce mode d’authentification. Ce qui suppose au passage que pour accéder au shopping en ligne, il faut préalablement posséder un email. C’est un pari avec très peu de risque.

Possibilité de login avec username ou email

(more…)

Ces billets peuvent aussi vous intéresser :

• E-commerce : faut-il être loggé pour acheter en ligne ?
• Comment faire de l'A/B test sur un site à faible trafic ?
• E-commerce : l'art de présenter son produit
• E-commerce : à la recherche du panier abandonné.
• La présentation du produit, la quête de l'outil idéal. Zoomorama ?

Voici un podcast d’une intervention de Jared M. Spool, rédacteur de User Interface Engineering, un blog d’une compagnie spécialisée dans l’utilisabilité des sites web et qui pour cela mène des recherches passionnantes basées sur l’observation des utilisateurs. Ce podcast concerne plus particulièrement un projet d’optimisation d’un design d’un site web gérant 4 millions de visiteurs mensuels qui n’avait jamais encore pratique d’études d’utilisabilité auparavant.

Les prérequis

Les conditions matérielles pour le cabinet sont un véritable défi : 2 jours de tests pour un budget légèrement inférieur à 10 000$.

La question à laquelle va tenter de répondre Jared Spool sera la suivante : comment arbitrer entre 5 alternatives de design proposées en favorisant celle qui maximisera l’utilisabilité du site ?

Une méthodologie

Une vraie méthodologie va être proposée, qui inclura notamment l’évaluation de chaque proposition selon des critères objectifs (on imagien que ces critères ne sont pas des standards absolus, mais ont été définis de concert avec le client afin de répondre à sa problématique qui lui était propre) :

1. Labels clairs (call-to-action)
2. Possibilités de tri des produits interactive
3. Rappel des actions passées
4. Accessibilité de la fonctionnalité de recherche
5. Liens plus évocateurs
6. Navigation flottante
7. Connexion visible à l’écran
8. Visibilité des produits les mieux notés

Le podcast

Ces billets peuvent aussi vous intéresser :

• Le jeu des 7 différences ou l'importance du design dans votre positionnement
• Accessibilité, ergonomie : Google donne ses précos
• Design, ergonomie : ces menus qui nous changent la vie, suite et fin
• Design, ergonomie : ces menus qui nous changent la vie
• Personas : un outil pour développer les ventes

Le taux de rebond est probablement le metric fourni par l’analyse statistique des fréquentations le plus ambigu, celui qui nécessite la plus grande analyse. Jakob Nielsen revient sur le sujet : il faut segmenter son analyse par public ! Alors essayons !

La lutte pour le deuxième clic

La dernière Alertbox en date porte sur ce fameux taux de rebond, ou bounce rate. Le titre proposé est assez révélateur de l’état d’esprit ambiant lorsque l’on évoque le taux de rebond : “Fight for the second click” (Lutte pour le deuxième clic). Puisque je le rappelle, le taux de rebond dénombre la part de vos visiteurs qui ont quitté votre site dès la première page consultée. La lutte porte bien sur le second clic, qui fait basculer la visite en dehors du rebond.

Ne pas se fier à la première impression

Le taux de rebond est un metric qui ne se laisse pas apprivoiser du premier coup. Il est vraiment trop tentant dans une première analyse de raisonner comme suit :

• Trop élevé ? Aïe ! Mes visiteurs n’apprécient pas mon contenu et quitte trop rapidement le site.
• Très bas ? Génial ! J’ai optimisé de façon parfaite ma navigation interne.

Or un taux de rebond très élevé ne signifie pas -forcément- que le site ne propose pas un contenu apprécié. Proposer des articles complets (et non l’extrait) dès la page d’accueil va faire grimper le taux. Pour autant les visiteurs ont peut être massivement lu et apprécié le contenu. Il faudra dans ce cas coupler cet indicateur avec d’autres, comme le temps passé sur le site ou le nombre de pages vues.

Pour plus de pertinence : l’analyse segmentée par origine des visiteurs

Jakob Nielsen propose une analyse comparée par type de public visitant vote site. il en distingue 4 grandes catégories :

1. Apporteurs de trafic de faible qualité / social bookmarking : Digg est cité en exemple. Les utilisateurs de ce type de médias sont plutôt des butineurs, consommateurs de beaucoup d’informations qu’ils ingurgitent rapidement pour la plupart. Peu de chances donc de les faire cliquer sur un lien de voter site après la lecture du billet.
2. Liens directs depuis d’autres sites. On peut envisager ce type de liens comme de la cooptation ou recommandation : “allez voir cet article, je vous le conseille“. L’implication du visiteur si elle n’est pas maximale est tout de même élevée et implique donc un taux de rebond satisfaisant.
3. Moteurs de recherche. Qu’ils soient issu de référencement naturel (SEO) ou de liens sponsorisés, l’action de clic sur un de vos liens reflètent un intérêt pour le contenu et doit donc se révéler positif pour le taux de rebond. Une faiblesse de cet indicateur sur ce segment sera révélateur d’un manquement important de vos landing pages.
4. Les visiteurs fidèles. Dernières segmentation, ces visiteurs reviennent périodiquement sur votre site / blog. C’est sur ce type de public que l’on peut attendre l’engagement et l’implication la plus forte sur le contenu. Paradoxalement, un visiteur visitant fréquemment votre site et son contenu n’aura pas une navigation interne plus poussée qu’un new-comer. C’est un paradoxe qu’il faut intégrer.

L’Innovabloganalyse : mon analyse de segmentation

J’apporterait quelques nuances à cette analyse en ce qui concerne Innovablog et qui j’espère pourra avoir une portée plsu générale dans l’expérience des blogs.

• Mon taux de rebond moyen est à un peu plus de 72%, ce qui est élevé mais selon moi s’explique. Innovablog a toujours été, et l’est de plus en plus un blog de professionnels, de geeks qui 1) sont fidèles et 2) utilisent en masse le flux RSS. J’ai en effet 4 fois plus d’abonnés au flux RSS que de visites quotidiennes. Je ferais au passage uen analyse sur le taux de croissance et l’évolution des abonnés au flux d’ici quelques jours. Ces visiteurs fidèles soient lisent le blog via RSS, soient le consultent sur le www pour les articles où le flux ne propose qu’un extrait. Ces fidèles qui connaissent très bien le blog ont donc un nombre de pages vues par visites plus faible que la moyenne (1,58 contre 1,70).
• En ce qui concerne les moteurs de recherche, le taux de rebond est nettement inférieur à la moyenne ce qui va dans le sens de l’analyse de l’alertbox.
• Enfin, et c’est l’une des parties les plus intéressante selon moi, les médias sociaux du Web 2.0 sont les bons élèves du groupe. Avec un rebond moyen à 69%, Delicious par exemple affiche une valeur de 30% supérieure à la moyenne (taux à 45%). Le nombre de pages par visites est également supérieur à la moyenne (de peu certes) mais plus encore un temps de visite bien supérieur à la moyenne (+30%). On peut donc croire à un trafic très qualifié, qui a des certitudes et des assurances sur le contenu qu’il va trouver. C’est déjà l’analyse que faisait Sébastien Billard (Web 2.0 et qualité du trafic). C’est peut être dans ce cas tout simplement une histoire de crédibilité !

Et vous ?

Et vous ? Comment analysez-vous votre rebond ? Est-ce un critère important à vos yeix, que vous soyez blogueur, responsable de site e-commerce, etc ?

P.S. : en affichant cet article en intégral, j’anticipe une légère baisse de mon taux de rebond !

Ces billets peuvent aussi vous intéresser :

• Analytics : un taux de rebond à 2%, ça vous tente ?
• Comment faire de l'A/B test sur un site à faible trafic ?
• Formulaires web : faut-il faire s'identifier vos clients avec leur email ?
• E-commerce : faut-il être loggé pour acheter en ligne ?
• Ecouter ses utilisateurs. Rêve ou réalité ?

Le design ou web-design est un des facteurs clé dans la réussite de votre projet, qu’il soit e-commerce ou autre. Respecter les conventions vous permettra assurément d’augmenter votre transformation. Nous allons voir à travers un exemple particulièrement frappant comment le design et les conventions sont déterminants dans le positionnement de votre site. Comment ? Jouons au jeu des 7 différences !

La preuve par l’exemple : le jeu des 7 différences

Prenons un exemple concret qui m’est venu dans la conversation la semaine dernière lors d’une réunion de travail : le secteur des compagnies aériennes. Ce secteur fortement concurrentiel et s’est largement développé dans l’e-commerce depuis maintenant plusieurs années. En consultant les sites web de différentes compagnies, on peut très facilement dégager deux grandes tendances.
Quelle différence faites-vous entre la première série de web-design de pages d’accueil et la suivante ? Quel positionnement commercial vous inspire-t-elle ?

• Série #1 : (cliquez pur agrandir les vignettes)
  

• Série #2 : (cliquez pur agrandir les vignettes)

(more…)

Ces billets peuvent aussi vous intéresser :

• Design coding : le SEO Rapper a encore frappé
• E-commerce : l'importance du design dans la conversion
• Design / étude de cas : différentes alternatives de conception
• E-commerce : 8 points clés pour assurer la confiance de vos clients
• Design, ergonomie : ces menus qui nous changent la vie, suite et fin

Le nuage de tags ou tag cloud vit une seconde jeunesse. Popularisé avec le web 2.0, tombé en désuétude, de nombreuses initiatives voient le jour, toutes plus innovantes les unes que les autres pour mettre en valeur l’outil à la base de la folksonomy.

Le nuage de tags : utilisablité, sémantique, e-commerce

Popularisés par les deux services emblématiques du web 2.0 del.icio.us et Flickr, ils sont devenus monnaie courant grâce aux blogs qui ont pris le relais. On peut leur reconnaître de nombreuses vertus :

• Utilisabilité : les tags sont un outil de navigation utile pour le visiteur d’un blog. D’un simple regard, ils donneront le ton et permettront de se faire un avis aisé sur le contenu, bien mieux qu’un slogan ou qu’un design. Ils offrent ainsi une aide non négligeable à qui sait s’en servir. Et c’est bien là le problème : on ne s’en sert pas ou au mieux ils sont sous-utilisés.
• Sémantique : en taggant son contenu on rend son contenu accessible en lui ajoutant des metadonnées ce qui peut être le socle d’un futur web-sémantique.
• E-commerce : Linda Bustos nous présentait il y a quelques mois déjà des applications d’une stratégie de tagging pour un site e-commerce. Les impacts ne sont pas négligeable en termes de SEO et de longue traîne.

Wordle souffle le chaud sur mon nuage

J’ai découvert via le blog Savoirs en réseau le service Wordle. Il jette un coup de nouveauté sur le nuage de tags. Voici ce que j’ai obtenu à partir de mes bookmarks Delicious :

Cliquez pour agrandir

Assez réussi, non ? Il est disponible sur Wordle à cette adresse.

• Le service permet de customiser son nuage : en choisissant la palette de couleurs, la police de caractère, l’agencement de tags, etc…
• Un effet social est possible en partageant sa création dans une galerie avec les visiteurs du service. Un flux RSS est même disponible pour suivre les nouveautés.
• Après enregistrement de de sa création dans la galerie, un lien automatique est généré afin de lier sa création à son blog.

Seul regret, pas de service d’exportation du tag cloud, sous forme de widget par exemple. Cela est probablement la conséquence de la technologie employée : appel Java plus difficilement exportable.

D’autres horizons du nuage de tags

Voici d’autres représentations innovantes de nuages de tags :

• Tag cloud Delicous (le mien) :

• Utilisé comme marque de fabrique / header (Romain Libeau) :

• Alphabétique et très design (Web designer wall) :

(more…)

Ces billets peuvent aussi vous intéresser :

• 40+ killer plugins Wordpress pour rendre votre blog ultra-compétitif
• L'URL est morte. L'assassin ? Le web 2.0
• Services à la personne et web 2.0 : mon réseau social de proximité
• Wordpress plugin : mettez en valeur vos commentaires
• E-commerce : le Web 2.0 pour développer son business et ses ventes !

Je vous propose cette liste de plus de 40 plugins Wordpress gratuits indispensables à votre blog. Ils vous permettront d’optimiser rapidement votre blog et d’en retirer un résultat visible sous peu. Je les ai tous testé et je peux vous garantir que tous, bien utilisés, vous rendront service !
Si cette liste vous a donné satisfaction, n’hésitez pas à la partager en utilisant le nouveau module de partage au bas de ce billet.

Conventions :

• J’utiliserai cette icône pour vous signaler l’emploi de ce plugin sur Innovablog.
• Les plugins sont classés par catégories.

Posts (6 plugins)

1. WP-Sticky WordPress Plug-in. Ajoute une fonctionnalité de mise en avant de billets à votre Wordpress. L’endroit où s’affiche le post-it est paramétrable.
   [Téléchargement ici]
2. Daily Top 10 Posts. Calcule quotidiennement le nombre de pages vues par billet et effectue un cumul mensuel. Un widget vous permet de facilement afficher vos 10 billets les plus lus dans vote sidebar. Il est aussi possible de paramétrer le widget afin d’afficher les billets les plus lus chaque jour, depuis le début du blog…
   [Téléchargement]
3. Popularity Contest. Ce plugin vous aidera à afficher quels billets sont les plus populaires par nombre de vues, commentaires, etc. Là encore, l’indicateur de popularité est paramétrable.
   [Téléchargement]
4. Homepage Excerpts. Voici un plugin indispensable qui permet d’afficher un extrait (excerpt) de chaque billet, ce qui rendra votre page d’accueil plus SEO-friendly et très certainement plsu lisible. Assez des pagesd’accueil aux scrolls verticaux immenses !
   [Téléchargement]
5. Related Posts Plugin. Voici là encore un plugin indispensable à votre WordPress puisqu’il vous permettar d’afficher pour chaque billet, une liste paramétrable d’articles en rapport basé sur la folksonomy (tags). Avantage : vous pourrez également faire profiter votre flux RSS de cetet fonctionnalité. Je vous en parlais déja ici : Les petits travaux du week-end mais également ici : 52 astuces pour optimiser facilement votre blog pendant votre pause café (2/2).
   [Téléchargement]
6. WP Pagenavi. L’installation par défaut de Wordpress fournit de simples liens “Suivant” et “Précédent” permettant de naviguer entre les pages de votre blog. Assez décevant pour quiconque conçoit donner accès à ces pages à ses visiteurs. Ce plugin vous propose un système simpleet efficace de pagination -à la Google.
   [Téléchargement]

Social bookmarking & social networking (5 plugins)

1. Twitter Tools. Ce plugin vous permettra de mettre en relation votre compte Twitter à votre blog Wordpress. Apportez vos tweets sur votre blog et créez en de nouveaux à partir de vos billets.
   [Téléchargement]
2. Sociable. Ajoutez de façon automatique au bas de chaque billet un lien permettant à vos lecteurs de partager votre production sur les plus grands réseaux sociaux (Facebook, Digg, Technorati, StumbleUpon, etc…). Effet viral attendu. Deux boutons optionnels créent même des liens vers l’envoi par email et l’impression du billet.
   [Téléchargement]
3. Share This. Fonctionnalités identiques à celles de Sociable. Seule l’apparence change et le procédé d’envoi par mail. Sociable utilise le mailto: natif, Share This améliore cela avec un formulaire d’envoi digne de ce nom.
   [Téléchargement]
4. Digg This. Le plugin Digg This détecte des liens entranst en provenance de Digg.com vers vos billets Wordpress et affiche automatiquement un back link vers le post de Digg.
   [Téléchargement]
5. Socialize Me!. Socialize Me! va identifier la provenance du visiteur et dans le cas où il s’agisse d’un réseau social sur lequel vous avez un profil de créé, il affichera un message personnalisé au visiteur. Imaginez si vous pouviez atteindre tous les visiteurs de StumbleUpon, Digg, Delicious, etc, par le biais de vos articles…
   [Téléchargement]

RSS (6 plugins)

1. From RSS. Si vous souhaitez faire quelque chose de plus pour vos abonnés RSS, vous voudrez peut-être leur donner un peu de contenu, ou tout simplement éliminer un footer ennuyeux proposant l’abonnement au flux RSS. Ce plugin vous le permet très simplement.
   [Téléchargement]
2. What Would Seth Godin Do ?. Les nouveaux visiteurs de votre blog verront un petit emplacement près de chaque post contenant les mots “Si vous êtes nouveau ici, vous pouvez souscrire au flux RSS. Merci de votre visite !” Après 3 visites, ce message disparaîtra. Vous pouvez évidemment customiser son apparence et le texte affiché également.
   [Téléchargement]
3. Feed Count. Si vous n’aimez pas le bouton d’affichage par défaut de Feedburner, vous pouvez utiliser ce plugin pour afficher le nombre d’abonnés à votre flux RSS.
   [Téléchargement]
4. Feedburner Feed Replacement.Créé par Steve Smith, ce plugin va vous permettre de tracker toute lecture de vos flux de blogs efficacement. Il permet ainsi de rediriger vos flux natifs de Wordpress vers leur équivalent Feedburner. C’est je pense une des bonnes pratiques à adopter d’entrée de jeu.
   [Téléchargement]
5. Full Text Feed (version 2.5 requise). WordPress va tronquer votre flux RSS dès lors que vous allez utiliser la fonctionnalité d’extrait (utilisation du tag <!–more–>) ce qui peut se concevoir sur le blog (pour des contraintes d’affichage en home page notamment) mais moins sur votre flux. Sans ce plugin, le seul moyen d’envoyer dans votre flux le contenu complet Le plugin permettra de court-circuiter le tag <!–more–> et ainsi d’envoyer dans le flux le texte entier du billet, et non le simple extrait.
   [Téléchargement]
6. RSS Footer. Le plugin vous permettra de définir une signature personnalisée à afficher au bas de votre flux RSS. Pratique pour afficher un message de copyright © ou une invitation à découvrir la catégorie dont est issue le billet par exemple.
   [Téléchargement]

Multimedia (5 plugins)

1. Photo Dropper WordPress plugin. Ce plugin est une merveille. Il vous permettra d’agrémenter vos billets d’images Flickr sous licence Creative Commons. Je vous en avait déjà parlé ici : Wordpress + Flickr = Photo Dropper.
   [Téléchargement]
2. NextGEN Gallery. Ce plugin est un puissant outil de galeries d’images dont la liste des fonctionnalités est impressionnante : possibilité d’uploader un fichier d’archive zip d’images, effets JavaScript (Thickbox, Lightbox ou Highslide), plusieurs formats d’output CSS proposés, diaporama, support multi-langues, etc…
   [Téléchargement]
3. WP YouTube. L’ajout de vidéos YouTube n’aura jamais été aussi facile. Un simple copier-coller de l’ID YouTube de la vidéo et le plugin vous créera ne code embed nécessaire. Il vous est même possible de paramétrer l’affichage de la vidéo dans les options YouTube :
   [Téléchargement]
4. Lightbox 2. Le lightbox est devenu un standard d’affichage des photos sur les blogs. Lightbox 2 l’a amélioré en proposant notamment la notion de collection d’images. Indispensable !
   [Téléchargement]
5. flickrRSS for WordPress. Ce plugin vous permettra d’agrémenter votre sidebar de collections d’images en provenance de Flickr. Le plugin peut afficher des images issues d’utilisateurs, de sets, de photos publiques ou privées. Une fonctionnalité permet également de gérer le cache des images sur votre serveur.
   [Téléchargement]

Tags (4 plugins)

(more…)

Ces billets peuvent aussi vous intéresser :

• Wordpress plugin : mettez en valeur vos commentaires
• Wordpress + Flickr = Photo Dropper
• Wordpress : un plugin pour votre administration
• 52 astuces pour optimiser facilement votre blog pendant votre pause café (2/2)
• 52 astuces pour optimiser facilement votre blog pendant votre pause café (1/2)

Voilà c’est terminé. La mode pause s’estompe pour vous proposer avec une petite fierté ce re-design. Il ne s’agit pas d’un nouveau look and feel d’Innovablog mais d’un sacré coup de poussière, après quelques mois d’utilisation, quelques imperfections de fond s’étaient avérées. Petite revue de détail, plus particulièrement pour les accrocs du feed RSS qui ne perçoivent que très peu ces modifications visuelles.

La sidebar relookée

Le gros des modifications a porté sur la sidebar. Cette fameuse sidebar où chacun essaie de placer le plus d’infos possibles, sous forme de widgets la plupart du temps. L’ancien modèle proposait un mode 3 colonnes : 1 colonne affichant le contenu principal - les billets -, les deux autres au service des widgets.

Avant

• Contenu = 460px
• Sidebar = 220px + 190px

Après

• Contenu = 560px
• Sidebar = 310px

Au final : plus de clarté et d’ergonomie

Au final, la sidebar (du moins je l’espère) respire plus, l’information est plus lisible, moins compressée. Je privilégie plus la verticalité tout en maximisant l’espace offert au contenu principal qui gagne près de 100 pixels. Très pratique pour afficher des captures d’écran sans devoir systématiquement les réduire !

Ce format de 300 pixels est également un standard publicitaire et pourrait me permettre de monétiser la sidebar différemment.

Plus social !

Si vous retrouvez toujours vos rubriques habituelles, plusieurs modifications légères sont apparues. Vous verrez désormais apparaître votre gravatar au côté de l’extrait de votre commentaire. Les archives sont réapparues vous permettant de naviguer dans l’historique plus facilement. Enfin, vous voyez maintenant votre picto MyBlogLog en haut de chaque page du site.

Vous verrez également les abonnements à vos pages d’accueil personnalisables modifié, plus stylisé, présenté sous la forme d’un menu déroulant :

N’hésitez pas également à partager les billets sur vos réseaux sociaux et de bookmark favoris via le barre d’outil au bas de chaque billet :

Le juge : c’est vous !

Vous êtes évidemment les seuls juges de ces modifications. J’espère en tout cas qu’elles vous apporteront satisfaction. Merci au passage à tous les fidèles du blog, je sais que vous êtes chaque jour plus nombreux à consulter les billets !

P.S. : si vous constatez encore des imperfections, n’hésitez surtout pas à m’en faire part, notamment via le formulaire de contact ou directement en commentaires de ce billet.

Ces billets peuvent aussi vous intéresser :

• Design / étude de cas : différentes alternatives de conception
• Le jeu des 7 différences ou l'importance du design dans votre positionnement
• Innovablog en mode pause.
• De superbes icones pour votre e-commerce
• Accessibilité, ergonomie : Google donne ses précos

Zanox, le géant européen de l’affiliation, organise un concours international sponsorisé par Corporate Finance Partners : Start-up - “Monetisation 2.0″. La condition ? Les business models proposés devront inclure des widgets ou autres applications du Web 2.0.

L’entreprise lauréate bénéficiera d’un investissement de 1 million d’euros pour la meilleure application de monétisation reposant sur les Webservices du zanox Campus. Le GAP Campus de Berlin, est un centre de rencontres destiné aux éditeurs, annonceurs et développeurs.

La procédure

• Inscription des candidats
• Zanox fait une pré-sélection en analysant les statistiques des candidats pendant toute la durée du concours.
• Les 20 meilleurs candidats seront invités le 30 septembre 2008, à mettre à jour leur business-plan jusqu’au 5 octobre 2008.
• L’ultime top 10 des candidats recevra des invitations à la cérémonie de clôture à Berlin.
• Au cours d’une conférence / compétition de business-plan, les 10 candidats auront la possibilité de convaincre le jury en donnant une brève présentation de leur business-plan et de l’équipe.
• Le jury annoncera officiellement les cinq premiers candidats appelés pour la partie suivante.

Tous les détails ici

Avis donc aux meilleurs d’entre vous !

Ces billets peuvent aussi vous intéresser :

• L'URL est morte. L'assassin ? Le web 2.0
• E-commerce : le Web 2.0 pour développer son business et ses ventes !
• Web 2.0 et Intelligence économique
• Ma coiffeuse est fantastique ! Elle a le tag cloud dans la peau.
• La carte des tendances du web 2008

Vous l’avez peut être constaté, mais le rythme actuel de post s’est calmé depuis quelques jours. Rien d’étonnant. Le web 2.0, les réseaux sociaux et les innovations e-commerce attendront quelques jours encore.

photo credit: Greg_Reser

Je travaille sur des améliorations du design. Certaines optimisations qui me permettront de vous présnter plus de contenu et surtout mieux.

Plus qu’un long discours, vous pourrez juger sur pièce d’ici quelques jours, c’est promis. Sans transition, je profite de cette note de service pour remercier tous ceux qui me contactent pour diffuser la nouvelle de la création d’un service, d’un nouveau site ou blog. Merci de votre confiance. Par manque de temps, je n’arrive pas actuellement à répondre à la charge, mais merci encore de voter fidélité. Le canal Innovablog est de plus en plus sollicité pour ce type de requêtes et c’est tant mieux. A très bientôt (allez quelques heures à patienter) !

Ces billets peuvent aussi vous intéresser :

• Ca change chez Innovablog, profitez-en !
• Innovablog a maintenant son Univers Netvibes
• 52 astuces pour optimiser facilement votre blog pendant votre pause café (2/2)
• 52 astuces pour optimiser facilement votre blog pendant votre pause café (1/2)
• Toujours plus de contenu sur Innovablog !

Le taux de rebond est l’un des metrics que bon nombre de gestionnaire de site et d’e-marketeurs suivent à la loupe. Une bonne moyenne se situe aux alentours des 40 à 60%. J’ai fait mieux : 2% !

Taux de rebond ou “bounce rate”

Définition de Google du taux de rebond :

Pourcentage d’internautes qui sont entrés sur la page et qui ont quitté le site immédiatement après. Les pages qui ne sont pas des points d’accès au site ont toujours un taux de rebond de 0 %. Lorsque le taux de rebond d’une page est élevé, cela signifie que celle-ci ne correspond pas suffisamment à l’annonce ou au lien permettant d’y accéder.

Trop élevé : il signifie un départ rapide de votre site, dès la première page vue. Autant dire que le contenu n’est soit pas au niveau soit pas celui attendu par ce que laissait présager la description de la page.

Coup de baguette magique (?)

Si Innovablog était jusque-là doté d’un taux de rebond assez (trop) élevé (près des 70%). En termes de visites, je comparais mes statistiques FeedBurner et Google Analytics. Celles-ci ont toujours été assez largement divergentes, à la faveur jusque-là de FeedBurner. Un écart moyen favorable de 15%.

Je précise, car c’est un facteur important dans l’analyse du tracking que, paradoxalement, le script FeedBurner est situé plutôt en début de page, au contraire du script Analytics placé en fin de page.

Et tout a spectaculairement changé dans Analytics le 21 mai 2008 :

• Chute du nombre de visites uniques :

Moins de visites uniques, mais un chiffre beaucoup plus cohérent avec ceux proposés par FeedBurner, pour un écart actuel moyen de 5% pas plus.

• Augmentation du nombre de pages vues par visite :

Des valeurs en hausse, avec une moyenne passée de 2 à plus de 3,30% !

• Chute du taux de rebond : champagne !!!!

Un taux de rebond qui flotte en 2 et 5%. De quoi faire pâlir les meilleurs emarketeurs de la place. Bref, c’est très fort, mais je suspecte quelquechose…

Et pendant ce temps là, le nombre global de pages vues reste inchangé (ce qui est plutôt logique) :

visites globale en baisse x pages vues par visite en hausse = pages vues globales stables

Ceteris paribus

Evidemment comme pour toute analyse, j’ai repris cette maxime chère à l’analyse économique : Ceteris paribus sic stantibus, autrement dit Toutes choses égales par ailleurs. Je n’ai pas réalisé de réengineering du blog, pas de modifications structurelles, absolument rien !

Ce n’est pas que je ne pense pas produire un contenu de qualité qui mériterait un PageRank de 9, mais il me semble tout de même que cet indicateur n’a pas réellement une valeur appropriée.

Si quelqu’un a des idées, je veux bien quelques pistes de réflexion. Avis aux spécialistes des metrics et autres KPI ! Faites-vous connaître par un commentaire ou utilisez le formulaire de contact ! Merci d’avance.

Ces billets peuvent aussi vous intéresser :

• Taux de rebond : pour réussir, segmenter son analyse par public
• Formulaires web : faut-il faire s'identifier vos clients avec leur email ?
• E-commerce : faut-il être loggé pour acheter en ligne ?
• Ecouter ses utilisateurs. Rêve ou réalité ?
• E-commerce et multicanal : tentez le clic & mortar !

Pour convertir, mettez en confiance vos visiteurs ! C’est déjà ce dont je vous parlais il y a maintenant quelques mois. Et quoiqu’il en soit, l’une des mission de l’e-commerçant va être de fournir à ses prospects toutes les conditions propices à la conclusion de la vente. La réassurance en fait partie. Examinons les points-clés sur lesquels il est possible d’agir pour booster la réassurance de votre site e-commerce.

Pourquoi croyez-vous que les dentistes offrent des bonbons ?

OK, j’y suis probablement allé un peu fort sur mon sous-titre. Mais dégainer sa carte de crédit et donner sur Internet son numéro de carte dans un formulaire froid et impersonnel n’est jamais anodin. L’achat en ligne, bien que démocratisé reste encore une action qui peut générer un certain stress de la part des cyber-consommateurs.

Or si vos clients ne se sentent pas en confiance, leur conversion - c’est de la psychologie de base - s’en ressentira.

#1 : Offrez des garanties

J’aime en tant que client me voir proposer des clauses de non-satisfaction, du genre “Satisfait ou remboursé“. D’un point de vue légal, le code de la consommation en France est protecteur pour le consommateur et octroie “un délai de sept jours francs pour exercer son droit de rétractation” (article L121-20 du Code de la consommation, relatif à la protection des consommateurs clients des entreprises de VAD).

Issu de la F.A.Q. du vpciste La Redoute :

Les modalités, délais d’échange, de retour ou de remboursement. Y-a-t-il une date limite pour effectuer un retour ?

Après la réception de votre colis, vous avez 15 jours pour changer d’avis et retourner mon article et même 30 jours si vous avez payé avec votre carte XXX.

Les services Kiabi : le satisfait ou remboursé trône en belle place

#2 : Proposez des méthodes alternatives de conversion

La présence d’un numéro de téléphone d’un service client par exemple joignable à tout moment de la journée est un atout de poids dans la réassurance. A tout moment je peux joindre un interlocuteur qui pourra m’apporter de l’information (mais également me guider vers l’acte d’achat). Ce service a un coût mais on peut très bien imaginer un service client allégé que vous assumerez si vous êtes seul par exemple.

#3 : Une offre d’essai en préalable à l’achat

Avant de s’engager définitivement dans un achat couteux et très probablement engageant (durée d’engagement minimale, etc…), on peut proposer au client une offre d’essai, gratuite ou à un prix dérisoire. Les éditeurs d’applications logicielles l’ont très bien compris, qu’ils opèrent en mode SaaS ou pas. Plus difficile pour l’industrie du textile…

Le free trial de World of Warcarft

Le free trial de McAfee antivirus

#4 : Mon site est sur (hacker safe)

J’avais évoqu�