• 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

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 !

P.S. : le site qui les propose est en cyrillique, je serais donc incapable de vous retranscrire les commentaires de l’auteur ! Les titres proposés sortent de mon cerveau (fatigué).

1) RSS light

2) Un book RSS

3) Du RSS chez IKEA ?

4) Faites grimper votre compteur !

5) Disque RSS

6) Montez les marches du festival RSS

7) Croquez du RSS !

Vous en reprendrez bien une part ?

J’ai d’ores et déja adopté cette icôn, vous la retrouverez au bas de chaque billet (dans la version web, et pas RSS ! )

9) Heu… je n’ai pas tout compris sur celle-là.

Quelqu’un dans l’assistance pour m’aider ? (un commentaire, merci !)

10) Le RSS servi sur un plateau !

• Retrouvez toutes ces icônes, et téléchargez-les si elles vous ont séduit sur le blog Design Freak.

Ce blog est au passage une vraie mine d’or pour les amoureux du design… J’ai déjà exploré de nombreux articles. Je vous le conseille. A ce propos n’hésitez pas à utiliser par exemple un Google Traduction qui transformera le cyrillique en un français très acceptable, ou en un bon anglais.

Ces billets peuvent aussi vous intéresser :

• Design : Les meilleurs pratiques du RSS
• De superbes icones pour votre e-commerce
• Apportez AideRSS dans votre Google Reader : j'ai testé pour vous !
• AideRSS + Twitter + Google Reader = meilleur PostRank
• Toujours plus de contenu sur Innovablog !

4 informations affichées

Le plugin permet d’afficher pour chaque commentaire, 4 types d’informations :

1. Si le commentateur a posté seulement une fois sur le blog, on affichera clairement cette information.
2. Si le commentateur a posté plus d’une fois, le plugin affichera les trois derniers posts de la personne en affichant des liens vers ces commentaires. Cela permet de voir par quel type de post cet utilisateur est intéressé et naviguer aisément dans ces posts.
3. Si le commentateur a posté plus d’une fois, le plugin va rechercher dans son flux RSS et de affichera un extrait du dernier billet publié sur son site ou blog.
4. Si c’est un pingback ou un trackback, le plugin l’affichera clairement.

Voici un exemple retraçant chacun de ces 4 types :

Un autre exemple issu d’Innovablog :

Ce que l’on peut en attendre

• Donner un sentiment d’appartenance : en mettant en valeur les commentaires ainsi produits, on apporte une réelle valeur ajoutée, en tissant un lien entre les commentaires d’un même membre.
• Stimuler la réactivité des lecteurs : bien évidemment c’est un effet que l’on peut attendre, vos visiteurs devraient être stimulés pour poster leurs impressions.

Téléchargez le plugin ici : Comment Info Tip

Allez plus loin…

Découvrez également d’autres plugin adaptables à votre plate-forme Wordpress permettant d’optimiser vos commentaires :

• 
  CoComment
• 
  Co.mments
• 
  Disqus
• 
  IntenseDebate

Et vous, vous appréciez ce type de dispositif ?

Via

Ces billets peuvent aussi vous intéresser :

• 40+ killer plugins Wordpress pour rendre votre blog ultra-compétitif
• 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)

Je fais ce que je veux avec mes flux !

Les pré-requis :

1. Utiliser Google Reader + Firefox
2. Installer l’extension Greasemonkey

Une fois l’installation terminée, vous verrez apparaître dans votre Reader un bouton sur le sommet haut droit “Filter settings” :

En cliquant sur celui-ci, une fenêtre apparaît, vous permettant de définir d’un côté les mots-clés à retenir et de l’autre ceux à exclure.

• Un billet “exclus” apparaîtra comme grisé,
• Un billet en highlight sera surligné en vert pâle.

Le système de filtre utilise les expressions régulières, ce qui donne :

Et les flux filtrés, suivant le jeu de couleurs :

Grosse mise en garde et reproche à mon goût : le filtre est valable pour l’ensemble de vos flux. Il aurait été pour moi plus pertinent d’offrir la possibilité (sur option) de paramétrer un jeu de filtres par flux. Mais l’initiative est tout de même louable.

Le script est à télécharger ici.

Les goodies RSS avant le week-end

J’ai repéré la semaine dernière déjà un très bon billet de Read/WriteWeb présentant 6 façons de filtrer ses flux RSS :

• FeedRinse : un outil assez abouti, je vous le conseille vivement. Les modes de filtre sont multiples : par mot-clé, tags, titre, auteur. Vous pouvez là encore utiliser les expressions régulières, importer votre liste de lecture OPML. Si ces fonctionnalités deviennent maintenant des standards, ce qui différencie de façon réelle FeedRinse des autres services, c’est son interface et son ergonomie. Essayez-le dès maintenant !

Les autres services :

Je vous laisse vous reporter à l’article original pour les détails de chaque outil.

La cerise sur le gâteau

Une dernière information : le flux RSS d’Innovablog est bien évidemment disponible ici, et maintenant que vous disposez de la trousse à outil complète, filtrez-le !

Ces billets peuvent aussi vous intéresser :

• Apportez AideRSS dans votre Google Reader : j'ai testé pour vous !
• AideRSS + Twitter + Google Reader = meilleur PostRank
• Et vous ? Vous êtes inscrits ?
• Une avalanche d'icônes pour votre flux RSS
• Toujours plus de contenu sur Innovablog !

Les flux RSS pour Really Simple Syndication sont un outil formidable. Pourquoi ? Je ne pourrais pas le dire mieux que Wikipédia :

Ce standard est habituellement utilisé pour obtenir les mises à jour d’information dont la nature change fréquemment, typiquement cela peut être des listes des tâches dans un projet, des prix, des alertes de toutes natures, des nouveaux emplois proposés, les sites d’information ou les blogs.

En d’autres termes, les flux RSS me permettent notamment de consulter des dizaines (centaines !) de sites / blogs en une heure quotidienne, chose qui me serait totalement impossible sans cet outil. Et je ne cite ici que mon utilisation via mon agrégateur des flux RSS.

photo credit: aqhong

Prouver l’utilité des flux RSS c’est un peu comme enfoncer des portes ouvertes. Le problème, c’est bien que personne ou presque ne le sait ! En effet, la majeure partie des internautes ignorent même jusqu’à l’existence des flux RSS (<mod_cirage_de_godasses>exception faite de vous, chers lecteurs adorés…</mod_cirage_de_godasses>).

Les flux RSS ne sont essentiellement connus qu’à travers les pages d’accueil personnalisables comme Netvibes, iGoogle ou PageFlakes par exemple. C’est la partie immergée de l’iceberg. Eric avait déjà lancé un bon pavé dans la marre il y a quelques mois :

En fait nous nous sommes copieusement fourrés le doigt dans l’oeil en évangélisant avec la certitude que cela ne serait qu’une question de temps.
Car les flux RSS ne correspondent tout simplement pas à un besoin du grand public.
Les flux RSS, les agrégateurs, la syndication, tout ça, ce sont des outils spécialisés destinés à des spécialistes, en l’occurence principalement des blogueurs, et encore, pas tous : je serais curieux de connaître le pourcentage réel de blogueurs qui utilisent les flux RSS (hors blogs high-tech bien sûr).

Et on ne peut pas lui donner tort. Mais comme le web 2 est plein de ressources, pour tous les geek qui bravent les bourrasques quotidiennes du RSS, voici trois outils qui pourront vous simplifier cette lourde et fastidieuse tâche. Ils sont triés par facilité de mise en œuvre et simplicité d’utilisation.

photo credit: veganstraightedge

Astuce #1 : AideRSS, évaluer la pertinence des billets

Autre astuce, autre technique. AideRSS permet d’évaluer la popularité des posts d’une source selon le nombre de commentaires, de Diggs, de d’enregistrements Del.icio.us ou de liens entrants. Leur slogan : “Read what matters” résume bien le cocnept. A partir de là, il vous est là aussi possible de vous créer un flux sur un thème donné, qui ne reprendra que les billets les plus pertinents. D’autres en ont très bien parlé ici, ici ou ici.

• Exemple du flux Innovablog : 63% de bons posts (good posts), et 23% de très bons posts (best posts).

• Après import de ma liste OPML, tous mes flux ont été brassés et le tableau de bord m’affiche les derniers postés, triés par popularité :

• Enfin, un flux RSS personnalisé (disponible ici) me permet de ne consulter QUE les bests posts, la crème de la crème de mon RSS :

AideRSS est un très bon compromis entre efficacité et complexité de mise en œuvre.

Astuce #2 : Crossfeeds, créer un flux sur mesure

J’ai reçu jeudi un mail de Dominique me faisant part d’un nouveau venu sur la scène des outils web 2.0 : Crossfeeds. Ce service permet de répondre à une question qui devient évidente lorsque les flux s’accumulent dans l’agrégateur : l’avalanche d’informations ! Si votre nombre de flux que vous suivez commence à dépasser plusieurs dizaines, vous savez donc de quoi je parle : impossible de suivre tous les flux. La solution est apportée par Crossfeeds : créer un flux sur mesure en utilisant un système de filtre (mots-clés, tags). (more…)

Ces billets peuvent aussi vous intéresser :

• Outils : améliorez la présentation de vos galleries photos
• Réseaux sociaux : La vérité sur Facebook et OpenSocial
• Utilitaires : 80 logiciels gratuits de conversion de fichiers
• Zepass : acheter ou vendre ses billets de spectacle
• Apportez AideRSS dans votre Google Reader : j'ai testé pour vous !

Zoomorama est donc un outil qui vous permettra de créer des publications embarquant texte, photos et même vidéo. La technologie utilisée est le flash. Utilisé dans le carde d’un mashup, le résultat obtenu pourrait s’apparenter aux expérimentations faites sur les bases d’Amazon, comme oSkope par exemple.

Le résultat est simplement impressionnant. Pour mieux comprendre, mieux vaut quelques bons exemples.

E-commerce : présentez votre produit

C’est un constat que l’on fait régulièrement : une des entraves à la conversion est le manque de représentation du produit par le client. L’exemple fournit par l’éditeur est assez frappant. Le premier affichage propose une vision globale des visuels :

C’est ici qu’intervient la spécificité de Zoomorama : l’outil permet un zoom assez intuitif avant/arrière sur le produit et permet d’en découvrir les moindres facettes.

(more…)

Ces billets peuvent aussi vous intéresser :

• E-commerce : l'art de présenter son produit
• E-commerce : à la recherche du panier abandonné.
• Découverte : MyDeco.com, le must du home made design
• Ebusiness : les soldes prennent l'assault des pages d'accueil
• Ergonomie, Design : Amazon a créé un langage visuel

De l’utilité d’une belle illustration

Quiconque a déjà publié sur un blog, saura à quel point les illustrations du billet sont presque aussi importantes que le contenu lui-même. Bien illustrer son contenu grâce à des visuels à propos est l’une des bases de la publication. Photo Dropper est donc là pour vous.

Grâce à la saisie d’un (ou de plusieurs) mots-clés,

Le plugin vous rapatrie directement dans l’interface de saisie, toutes les photos des comptes Flickr publiées sous licence Creative Commons (celles libres de droits).

La base de données Flickr comporte des millions de visuels dont des dizaines dont les tags correspondront à vos besoins.

C’est et efficace. Innovablog l’a adopté.

photo credit: Kofoed

P.S. : voilà comment on arrive à glisser de tels visuels sur un billet, ce qui va en totale contradiction avec ce que je vous ai déclaré en début de billet…

Ces billets peuvent aussi vous intéresser :

• 40+ killer plugins Wordpress pour rendre votre blog ultra-compétitif
• Wordpress plugin : mettez en valeur vos commentaires
• Wordpress : un plugin pour votre administration
• WordPress plugin : à chaque billet son image, via Free Tools
• Wordpress lance MarketPlace pour monétiser ses thèmes

Christmas Icons
Un ensemble de 20 icons haute définition.

The Real Christmas RSS Icons
12 icônes dédiées à l’univers du RSS : un must-have. Je pense d’ailleurs vous en faire profiter sur l’Innovablog d’ici quelques jours…

Christmas Social Icons
Un lot de 17 icônes au look iPhone-like sur le thème dessites sociauxles plus connus : Digg, Technorati, Youtube et autres Facebook…

iPod Christmas Icons
Pour les fans du monde Apple, un lot dédié à l’iPod.

Winter Holiday Icons
Une belle série consacrée au monde de Noël. Ce pack n’est d’ailleurs qu’une série parmi d’autres proposées sur le site Icondrawer.com.

Iconka.com Icon Sets
Que serait Noël sans le papa du même nom. Un pack de 5 icônes lui est entièrement consacré. Parcequ’il le vaut bien !

Christmas Icons
Une très belle série de Noël reprenant toutes les figures imposées du genre : sapin, bonhomme de neige, boule, etc.

Christmas Icons
4 superbes icônes très rouge tendance !

Christmas Holiday Icons Pack
Ce pack de 49 icônes au design simpliste est bien fournit puisqu’il propose les formats GIF, PNG, ICO et même EPS (les spécialistes apprécieront).

Christmas Icon set
Là encore différents formats sont proposés (BMP, PNG, GIF et ICO), couleurs 8 et 32bit. Les icônes sont de très belle facture et propose un degré de détail appréciable.

Christmas Icons
Un lot de 4 belles icônes, très… vertes !

La série est à retrouver sur le billet original ainsi que d’autres fichiers graphiques en lien avec la thématique de Noël, notamment des thèmes Wordpress de Noël !

Ces billets peuvent aussi vous intéresser :

• 40+ killer plugins Wordpress pour rendre votre blog ultra-compétitif
• De superbes icones pour votre e-commerce
• Une avalanche d'icônes pour votre flux RSS
• Wordpress plugin : mettez en valeur vos commentaires
• Wordpress 2.5 RC1 : faut-il monter en version ?

J’ai pu lors de mes études utiliser l’outil Nestor. Développé par René Zeiliger chercheur au CNRS (Groupe d’Analyse et de Théorie Economique), Nestor favorise une démarche constructiviste dans la recherche d’information.

Dans la pratique

Chaque page visitée lors de la période inspectée est représentée sur une carte. L’application édite en temps réel une carte web représentant les liens et les documents visités. La carte est intéractive et permet de se déplacer à travers les liens visités ou tout autre document parcouru. La carte fourni un contexte visuel permettant de savoir à tout moment où l’on est et d’où l’on vient.

Un outil collaboratif…

Ces cartes peuvent être partagées, commentées avec d’autres utilisateurs ou être utilisées comme de simples blocnotes. On peut ainsi passer d’une information de base paraissant banale à une construction de savoir collaboratif.

…Facilité par l’abstraction

De plus, cette façon d’aborder la navigation à un degré plus élevé d’abstraction permet souvent de dégager une information qui n’aurait pu se révéler avec de simples favoris. A un niveau plus élevé de pratique, on peut dégager une carte conceptuelle où ne presiste presque aucune trace de navigation. La structure conceptuelle facile l’échange et le partage car plus aisée à identifier et comprendre.

L’expérience de navigation est donc enrichie, complétée. Je vous incite donc réellement à pratiquer !

Pour celà, l’Urfist nous propose l’outil Navicrawler qui propose des fonctionnalités similmaires à Nestor et qui surtout est plsu au goût du jour de nos navigateurs (Nestor fonctionne exclusivement sous Internet Explorer à la différence de Navicrawler qui fonctionne comme une extension -plugin- de Firefox).

On peut rapprocher ces expériences de navigation à des services de représentation de l’information comme Kartoo, méta-moteur de recherche offrant une alternative visuelle par cartographie de l’information. Chaque page est reliée contextuellement à d’autres.

J’espère vous avoir donné envie de découvrir ces nouveaux modes de navigation ! Pour ceux qui ont déjà testé cette solution ou une autre qu’en pensez-vous ? Qu’en avez-vous retiré ? 

Ces billets peuvent aussi vous intéresser :

• La carte des tendances du web 2008
• Les secrets de la pensée libérée : 27 façons d'utiliser le mindmapping (cartes mentales)
• Le second souffle du nuage de tags : utilisabilité, sémantique et e-commerce
• Design : explorons les mindmaps
• Design : découvrez le métier de facilitateur graphique