Ergonomie, Rails et Architecture de l'information web (2.0) :

Revue de presse du vendredi 9 janvier 2009

Fri, 09 Jan 2009 11:06:00 +0100

Les revues de presse mettent chaque vendredi en lumière les 3 meilleurs articles sur lesquels a porté ma veille quotidienne. Ils peuvent être récents, ou particulièrement vieux, et rentrent dans cette catégorie pour leur qualité ou leur intérêt.

En ce début d’année, la revue de presse reprend son rythme hebdomadaire pour, j’en suis certain, votre plus grand plaisir. Au programme aujourd’hui, nous parlerons d’ergonomie des publicités en ligne, de la mise en place d’outils sociaux en entreprise, et nous terminerons sur une touche d’humour avec les bonnes raisons de préférer un projet Ruby on Rails à un projet J2EE.

Ad Unit Guidelines, Interactive Advertiseing Bureau

L’IAB est un organisme dont la mission est de veiller au développement et à l’innovation de la publicité en ligne. Elle a édité un ensemble de guidelines concernant la mise en place de publicités sur le web, et plus particulièrement, sur les tailles, le poids et la durée des encarts publicitaires. Une fiche à lire absolument avant de concevoir votre prochaine campagne de publicité.

21 raisons de ne pas lancer un projet web social en entreprise, Bertrand Duperrin

Après les 40 signes qui montrent que votre client ne veut pas de votre projet web social, Bertrand Duperrin s’est intéressé aux bonnes raisons de ne pas lancer un projet web social en entreprise.

Il sépare ces raisons en trois grandes catégories :

Le client n’est pas prêt pour un réseau social d’entreprise.
Le client n’a pas de business goal identifié.
Le client n’a pas besoin d’un réseau social d’entreprise

Bertrand est un spécialiste de l’entreprise 2.0 avec qui je travaille au quotidien, et ses réflexions sont le reflet de son expérience sur le sujet.

La prochaine version de Linuxfr sera en J2EE, Ploum

Suite à l’annonce – il y a un an tout de même – de Bruno Michel de reconstruire Linuxfr.org avec le framework de développement Ruby on Rails, et le troll qui a récemment suivi, Ploum a décrit de manière très réaliste ce que serait le projet s’il avait du être fait en J2EE.

Évidemment, c’est très caustique, voire un peu satirique sur les bords. J’ai cependant eu à intervenir sur le genre de projets qu’il décrit, et sa tribune, très drôle, n’est peut-être pas si éloignée de la réalité.

Article original écrit par Frederic de Villamil et publié sur Ergonomie, Rails et Architecture de l'information web (2.0) | lien direct vers cet article | Si vous lisez cet article ailleurs que sur Ergonomie, Rails et Architecture de l'information web (2.0), c'est qu'il a été reproduit illégalement et sans autorisation.

Un e-book de 400 pages sur Ruby en téléchargement gratuit

Wed, 07 Jan 2009 23:03:00 +0100

Le livre de Ruby est un livre très complet sur le langage de scripting Ruby. Écrit et mis en ligne gratuitement au format PDF par Huw Collingbourne, un des développeurs de l’IDE Ruby In Steel, il se veut également particulièrement didactique.

À travers ses quelques 20 chapitres sur 400 pages, il cherche à couvrir l’ensemble des aspects du langage en accompagnant chaque partie d’exemples de code source directement réutilisables.

Bien qu’en anglais, il m’a semblé particulièrement intéressant car il couvre nombre d’outils de debug, graphiques ou non, disponibles pour Ruby. L’introduction, elle, couvre plus particulièrement l’IDE Ruby in Steel.

Pour ceux qui souhaiteraient subtiliser un aide mémoire à cette étude particulièrement approfondie du langage, Huw Collingbourne a également écrit Le petit livre Ruby – pour ne pas dire le Petit Livre Rouge – qui couvre ce que vous avez besoin de savoir pour pratiquer ce merveilleux langage en 80 pages et 10 chapitres.

Et comme dirait quelqu’un que je connais : si c’est gratuit, c’est pas cher. Et si c’est pas cher, c’est dans mes prix !

Sortie de Typo 5.1.98 pour Rails 2.2

Sun, 04 Jan 2009 19:54:00 +0100

En ce beau début d’année, toute l’équipe de développement et la communauté des contributeurs de Typo a la joie de vous annoncer la sortie de la toute dernière version du blogware historique développé avec le framework Ruby on Rails. Cette version 5.1.98 est la release candidate prélude à Typo “Helmut Newton” 5.2 pour Rails 2.2

Bien de l’eau a coulé sous les ponts depuis la migration de Typo sur Github et la sortie de la dernière version stable. Cyril et moi avons été très occupés à travailler à cette nouvelle mouture de votre blogware favori. La migration de Rails 2.0.2 vers Rails 2.2.2 n’a pas été facile, mais nous y sommes parvenus, et nous pouvons être fiers du chemin parcouru.

L’histoire de cette version 5.2 est faite pour moitié d’une réécriture de l’existant, suppression de trop nombreux bugs, amélioration de la qualité de l’outil et surtout de ses performances. Pour ce dernier point, nous avons réussi à diviser par 4 l’empreinte mémoire d’un blog d’une centaines de billets et d’un bon millier de commentaires. Sans compter que tout cela va maintenant beaucoup plus vite.

Les nouveautés ne sont pas en reste non plus :

Typo a maintenant un nouveau back office plus souple, plus simple à utiliser, accompagné d’un tableau de bord vraiment utilisable pour la gestion quotidienne de votre blog.
De nombreuses fonctionnalités et modifications concernant le SEO ont vu le jour, notamment dans le but de supprimer titres et descriptions en double, arranger les URL, désindexer les parties superflues…
La mise en place de Coderay qui permet la coloration syntaxique d’un grand nombre de langages de programmation.
Le live search, aussi peu pratique que sexy a été supprimé par défaut au profit d’un plugin livré en standard. La nouvelle recherche est plus claire, et beaucoup plus utilisable.
Et j’en oublie évidemment…

Vous pouvez installer Typo 5.1.98 via la gem, ou télécharger les sources.

Un peu de documentation :

Vous pouvez également installer :

Transformez vos emails Gmail en documents Google docs

Sun, 04 Jan 2009 08:48:00 +0100

Je fais partie de ceux qui voudraient bannir l’email des habitude de travail en entreprise ; c’est même une des raisons qui m’ont fait naturellement adopter blueKiwi comme outil de communication et de collaboration aussi bien avec mes collègues qu’avec mes clients. J’estime que l’email fait, à plus d’un titre, plus de mal que de bien en dehors d’une simple mission de notification, et qu’il est nécessaire d’adopter rapidement un autre support plus adapté. Ne serait-ce que :

Parce que le contenu d’une boite mail disparaît quand on propriétaire quitte l’entreprise.
Parce que le format n’est pas vraiment propice aux vrais échanges riches et fournis, et qu’un reply all associé au classement par discussions d’un Gmail trouve rapidement ses limites.
Parce que, aussi ouvert qu’il soit, le format email reste particulièrement renfermé sur lui-même, sans qu’il soit vraiment possible de sortir naturellement du client (et non, le copier / coller dans un nouveau document Word n’est PAS naturel).

Gmail Labs vient de lancer une nouvelle fonctionnalité intéressante à plus d’un titre : un lien permettant de transformer n’importe quel email en document Google Docs. L’email devient alors un véritable document collaboratif accessible au plus grand nombre.

Cette initiative de Google Labs est intéressante est bénéfique à plus d’un titre.

Elle permet une intégration fonctionnelle adéquate et intelligente entre Google Docs et Gmail.

Créer un document en un clic est beaucoup plus naturel que de copier / coller une partie du mail, ouvrir son traitement de textes, créer un nouveau document, le sauvegarder, puis l’envoyer à ses collègues ou le déposer sur un espace de travail collaboratif.

La présence du lien pousse les utilisateurs de Gmail à se servir de cette fonctionnalité. Ce dernier est incitatif et peut pousser à changer ses pratiques de travail.

Afin d’activer cette fonctionnalité, rendez-vous sur Gmail / Settings / Onglet Labs, qui contient déjà nombre d’options assez géniales comme la conversion d’emails en taches à faire. Puis activez Create a Document. Puis, enregistrez les changements.

Et voilà, quand vous retournez lire un email, la fonctionnalité create a document est disponible sous print all.

Insérer des adsense en Javascript après le chargement de la page

Sat, 03 Jan 2009 01:32:00 +0100

Afin de ne pas faire subir mes publicités adsense à mes visiteurs réguliers, j’ai mis en place un système d’affichage des bannières en fonction de leur refferer. Typo me générant des pages HTML statiques, j’ai été obligé de faire tout cela en Javascript.

La solution propre aurait été d’utiliser la fonction suivante :

display_adsense = function(client, slot, width, height, div) {
  if (document.referrer == "") {
    return(0);    
  }

  var referrers = ["/search", "search.live.com", "ask.com", "images.google", "soso.com", "baidu"];

  for (var i = 0; i < referrers.length; i++) {
    if (document.referrer.toLowerCase().indexOf(referrers[i]+'') != -1) {
      google_ad_client = client;
      google_ad_slot = slot;
      google_ad_width = width;
      google_ad_height = height;

      var e = document.createElement("script");
      e.type = "text/javascript";
      e.src = "http://pagead2.googlesyndication.com/pagead/show_ads.js";
      document.getElementById(div).appendChild(e);
      return(0);
    }
  }  
}

L’appel se faisant dans le window.onload :

window.onload = function() {
   display_adsense("client", "slot", width, height, div);
}

Il est ainsi possible de placer plusieurs encarts publicitaires sur une même page.

Malheureusement, ça ne marche pas, et les comportements sont très différents en fonction des navigateurs (et pas toujours très rationnels).

Si j’utilise le window.onload :

Firefox 3 : affiche une page blanche et tourne en boucle sans rien charger.
Safari : affiche la bannière adsense au bon endroit, ou à la fin du document, selon les fois, de manière totalement aléatoire.
Internet Explorer 7 : rien ne s’affiche, sauf quand je rajoute un alert(“toto”) dans le code, histoire de valider que ma fonction est bien interprétée.

Si j’appelle simplement ma fonction en bas du document :

Firefox 3 : affiche la bannière n’importe où dans le document. Firebug me montre bien une div vide, et la publicité dans une div aléatoire (souvent la sidebar, mais pas toujours).
Safari : affiche au bon endroit, ou à la fin du document, selon les fois, de manière totalement aléatoire.
Internet Explorer 7 : affiche le bloc adsense à la fin du document systématiquement, sauf quand je rajoute un alert(“toto”) dans le code, histoire de valider que ma fonction est bien interprétée.

Selon Anthony Ricaud, cela pourrait venir du fait que Google utilise document.write pour afficher ses encarts publicitaires. Tenter de modifier le DOM après le chargement complet du document avec un script tentant un document.write serait à l’origine de tous mes problèmes, lesquels m’ont pris, au passage, une bonne partie de la journée.

La solution retenue est particulièrement sale, mais a le mérite de fonctionner : appeler ma fonction depuis les div de destination et utiliser moi aussi du document.write.

Ma fonction finale donne alors :

display_adsense = function(client, slot, width, height, div) {
  if (document.referrer == "") {
    return(0);    
  }

  var referrers = ["/search", "search.live.com", "ask.com", "images.google", "soso.com", "baidu"];

  for (var i = 0; i < referrers.length; i++) {
    if (document.referrer.toLowerCase().indexOf(referrers[i]+'') != -1) {
      google_ad_client = client;
      google_ad_slot = slot;
      google_ad_width = width;
      google_ad_height = height;
            document.write('<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>');
      return(0);
    }
  }  
}

L’appel de la fonction se fait alors comme ceci :

<div id="adsense">
    <script type="text/javascript">
        display_adsense(client, slot, width, height);
    </script>
</div>

[Edit]

Je rajoute également la méthode proposée par Sunny Rippert :

function display_adsense(client, slot, width, height, element_id) {
  var referrers = /\(/search|search\.live\.com|ask\.com|images\.google|soso\.com|baidu)/i;
  if (!document.referrer.match(referrers))
    return;

  google_ad_client = client;
  google_ad_slot = slot;
  google_ad_width = width;
  google_ad_height = height;

   document.write('<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>');
}

J’ai également utilisé la méthode utilisant DOMContentLoaded (et ses adaptations sur les navigateurs ne la supportant pas), et le résultat est encore pire, notamment sous Firefox. Si vous connaissez une méthode qui fonctionne pour faire ça proprement, n’hésitez pas à vous signaler, je suis preneur.

Fonction Javascript pour ne montrer vos publicités qu'aux visiteurs venus des moteurs de recherche

Fri, 02 Jan 2009 14:00:00 +0100

Enfin sorti de 2 ans de blackout des moteurs de recherche – pensez, je n’étais même pas en première position sur mon nom – grâce aux bons conseils référencement d’Aymeric Jacquet (/backlink à mots clés), j’ai décidé de remettre quelques publicités sur ce site, histoire de payer mon serveur et de continuer à héberger tout un tas de gens sympathique ainsi que quelques projets open source tout aussi sympathiques. Cependant, hors de question de faire subir ces dernières à mes lecteurs réguliers, il me fallait donc filtrer en fonction du refferer entre ceux des visiteurs qui me venaient des outils de recherche et les autres.

Typo générant un cache HTML statique, j’ai été obligé de passer par du Javascript, langage que je ne maîtrise absolument pas. C’est donc moche, certainement améliorable, mais ça a le mérite de marcher.

La fonction modifiée en tenant compte des retours reçus dans les commentaires :

display_adsense = function(client, slot, width, height, div) {
  if (document.referrer == "") {
    return(0);    
  }

  var referrers = ["/search", "search.live.com", "ask.com", "images.google", "soso.com", "baidu"];

  for (var i = 0; i < referrers.length; i++) {
    if (document.referrer.toLowerCase().indexOf((referrers[i]+'')) != -1) {
      google_ad_client = client;
      google_ad_slot = slot;
      google_ad_width = width;
      google_ad_height = height;

      var e = document.createElement("script");
      e.type = "text/javascript";
      e.src = "http://pagead2.googlesyndication.com/pagead/show_ads.js";
      document.getElementById(div).appendChild(e);
      return(0);
    }
  }  
}

Paramètres :

client : le paramètre google_ad_client figurant sur le script d’affichage normal de vos annonces Adsense.
slot : le paramètre google_ad_slot figurant sur le script d’affichage normal de vos annonces Adsense.
width : le paramètre google_ad_width figurant sur le script d’affichage normal de vos annonces Adsense.
height : le paramètre google_ad_height figurant sur le script d’affichage normal de vos annonces Adsense.
div : l’id du bloc dans lequel vous souhaitez afficher votre annonce.

Voilà ; si vous avez des remarques constructives – autres que adsense ça sux ou le refferer sniffing ça sux – afin d’améliorer cette fonction, je suis évidemment preneur. Vous pouvez également m’offrir le livre de Christophe Porteneuve Bien développer pour le web 2.0, Noël est passé mais il n’est jamais trop tard pour bien faire.

Auto Entrepreneur, l'alternative au statut d'indépendant et aux sociétés de portage ?

Fri, 02 Jan 2009 00:03:00 +0100

S’il vous arrive de vous voir proposer des missions à court ou moyen terme, et que votre client vous demande de facturer, ne paniquez plus. Il existe depuis le premier janvier 2009 un statut proche de la micro entreprise, l’auto entreprise, qui vous évitera bien des tracasseries administratives ou des ponctions astronomiques de la part de sociétés de portage. La solution à tous vos problèmes de missions refusées ?

L’auto entreprise, c’est quoi ?

Le statut d’auto entrepreneur est réservé aux entreprises individuelles (vous devez être seul), à la condition que votre chiffre d’affaire soit inférieur à :

80.000 euros hors taxe pour une activité de vente de marchandises, d’objets, de fournitures, de denrées à emporter ou à consommer sur place ou une activité de fourniture de logement.
32.000 euros hors taxe pour les prestations de services relevant de la catégorie des bénéfices industriels et commerciaux ou des bénéfices non commerciaux.

Si c’est un peu léger pour un emploi à temps plein, l’auto entreprise est parfaite pour un travail secondaire, et tout à fait adapté aux travailleurs du web.

Les avantages de l’auto entreprise

L’inscription se fait en ligne en quelques minutes.

Pas de chiffre d’affaire, pas de charges. Vous êtes aligné sur le régime de la micro entreprise et ne payez en charges sociales que :

12% de votre chiffre d’affaire pour une activité commerciale.
21,3% de votre chiffre d’affaire pour une activité de prestations de services
21,3% de votre chiffre d’affaire pour les prestations de service des professionnels libéraux.

Vous êtes dispensé de la fastidieuse inscription au registre du commerce et des sociétés ou au registre des métiers.

Pas d’assujettissement à la TVA.

Vous pouvez travailler de chez vous, et serez même dispensé de la demande d’autorisation administrative si vous souhaitez utiliser votre domicile situé au rez de chaussée comme local commercial.

Enfin, last but not least, votre responsabilité est limitée.

Malgré le plafond relativement bas du chiffre d’affaire annuel maximum, l’auto entreprise pourra en séduire plus d’un, notamment pour un lancement d’activité. Elle n’est cependant valable à long termes que pour une activité secondaire, mais ceux qui souhaitent se lancer dans une activité principale sans s’encombrer de tracasseries administratives y trouveront certainement leur compte. Peut être un bon moyen d’inciter les français à entreprendre ?

Revue de presse du premier janvier 2009

Thu, 01 Jan 2009 23:17:00 +0100

Premier article de l’année en forme de revue de presse. D’abord parce que cela fait bien un mois que je ne vous ai pas gratifié de mes retours de lecture, ensuite parce que je suis en train de dépiler deux mois de lecture en retard. Au menu aujourd’hui, de l’architecture de l’information, de l’accessibilité, et un peu d’OpenID.

Configurez votre poste client afin de faire des tests avec des lecteurs d’écran, Todd Kloots

Si vous ne connaissez pas encore le YUI Blog, le blog de l’équipe de conception des interfaces utilisateur de Yahoo!, courrez tout de suite vous abonner. C’est une véritable mine d’or qui est depuis longtemps entrée dans la liste des 5 blogs dont je ne pourrais pas me passer.

Configuring Your Machine For Testing With A Screen Reader explique pas à pas comment mettre en place un environnement permettant de valider le développement d’interfaces riches accessibles selon les recommandations des WAI-ARIA. Le gros de l’article est consacré à l’installation, la configuration et l’optimisation des lecteurs d’écran, probablement la partie la moins évidente pour nous autres voyants qui ne sommes pas habitués à travailler avec ces outils.

Tri de cartes et ergonomie web, Ergolab

Le tri des cartes est une méthode de conception de l’architecture de l’information basée sur le retour des utilisateur. À la fois ludique et simple à mettre en place, elle permet de définir l’arborescence et les catégories d’un site à partir des contenus que l’on veut y mettre.

L’ensemble des contenus du site sont écrits sur des feuilles de papier séparées, bristols, postits… données à l’utilisateur. Celui-ci va les regrouper en tas en fonction de ce qu’il leur voit d’affinités. Chaque groupe va ensuite recevoir un nom, et le tour est joué.

L’article d’Ergolab sur le sujet est très complet : description de la méthode, différentes implémentations, retours et liens connexes. Celle-ci semble tellement simple, et tellement aller de soi qu’on pourrait presque se demander pourquoi elle nécessite un article aussi long. Et pourtant…

OpenID : contexte, sécurité et identité personnelle, Chris Messina

Chris Messina, qui vient d’être élu au board de la fondation OpenID, répond aux critiques de Chris Dracket qui déclarait qu’à son avis OpenID devrait déjà être mort puisque bien trop surestimé. Et de s’étendre un peu plus, notamment sur les aspects d’implémentation et de sécurité face aux services rendus.

La réponse de Chris ne s’est pas faite attendre, et cette dernière est très intéressant. Il répond sur 3 points qui me semblent fondamentaux :

Le contexte : OpenID prend tout son sens dans le contexte du cloud computing, dont le développement semble inexorable aujourd’hui.
La sécurité : Et notamment la non nécessité pour les utilisateurs d’adapter leurs comportements.
La véritable utilité d’OpenID, bien au delà “d’économiser quelques mots de passe ici et là”.

Bonne année 2009

Wed, 31 Dec 2008 18:37:00 +0100

Une année (pas si) pourrie (que ça) qui se termine doucement avec plein de bonnes nouvelles pour moi, et une nouvelle année (encore pire, ne dites pas qu’on ne vous aura pas prévenus) qui commence déjà en fanfare. Plutôt que de vous faire subir la énième rétrospective 2008, je vous propose plutôt mes voeux pour 2009 :

Que Microsoft cesse de supporter IE6 et force le passage automatique à Webkit (on peux toujours rêver).

Que le décret d’application du RGAA soit signé, avec un véritable arsenal de sanctions en cas de non respect.

Que les clients comprennent que le travail qui se cache derrière un site web ne peut pas être réalisé pour 300€ par leur petit neveu de 15 ans.

Que les clients comprennent que chercher à porter une application desktop sur le web à l’identique est une connerie monumentale.

Que Flash et Silverlight fusionnent vers une technologie ouverte, accessible et simple nommée Silverflash.

<private joke>Que Christophe Lauer comprenne que SubliMACtion est un blog dédié aux produits Apple</private joke>

Alors, comme on peux toujours rêver, je vais juste vous souhaiter une excellente année 2009, et tout plein de bonne chose.

Un jour j'irai...

Sun, 21 Dec 2008 19:13:00 +0100

Les enfants déposés chez leurs grands parents, je prends une semaine de vacances bien méritées en amoureux vers une destination (pas si) secrète (que ça). À moins d’être bloqué sous une tempête de neige, ne comptez pas sur moi pour publier quoi que ce soit avant le 30 décembre prochain, mais promis, d’ici là, j’aurai terminé la tétrachiée de billets en cours de rédaction.

Je ne ferme pas les commentaires, j’aurai une connexion à Internet afin de modérer un minimum les débordements et autres spam. Je vous souhaite un joyeux Noël à tout, paix aux hommes de bonne volonté s’il en reste, mais j’ai des doutes. Et si vous êtes de passage dans le coin, n’hésitez-pas à me faire signe.

Les WCAG 2.0 en chanson

Sat, 20 Dec 2008 10:26:00 +0100

Sorties le 11 décembre dernier, les Web Content Accessibility Guidelines 2.0 ont fait couler beaucoup d’encre pendant toute le processus qui les a menées au rang de recommandations officielles du W3C.

Via Olivier Gendrin, je découvre qu’il en a même été fait une chanson, dans la lignée de Hands to Boag dont je vous avais déjà parlé il y a deux ans et demi.

Là où le bat blesse, c’est que la vidéo n’est pas du tout accessible. Faites ce que je dis, pas ce que je fais hein ?

40 signes montrant que le client ne veut pas de votre projet de réseau social

Mon, 15 Dec 2008 22:48:00 +0100

Dans la lignée des 20 signes qui…, je suis tombé aujourd’hui sur l’excellent billet 20 signs you don’t want that internal social media project écrit par Suw Charman-Anderson. Et comme il s’agissait d’une réponse à l’hilarant article de Chris Applegate, je vous propose ce soir pas moins de 40 signes qui montre que le client ne veut pas de votre projet de réseau social, avec mon analyse du sujet en guise de conclusion.

Selon Suw Charman

Le client veut développer sa propre plate-forme de blog / wiki car il veut un contrôle total sur sa technologie.
Le client insiste sur le fait que seul le management pourra disposer d’un blog interne.
La communication veut rédiger le blog du CEO.
La DSI ne laissera personne installer un lecteur de flux RSS avant d’en avoir fait une revue de code complète, ce qui peut prendre jusqu’à un an. Et cela n’inclut évidemment pas les mises à jour.
Le client veut absolument utiliser Lotus Notes comme plate-forme de blog.
Quand vous demandez à la DSI quelle expérience elle a en termes de réseaux sociaux, elle vous répond « de toutes manières, on les bloque tous… »
Le client veut Facebook.
Pourquoi ne lancerais-t-on pas tout ça vite fait histoire de voir comment ça prend ?
La DSI bloque tous les flux RSS à cause d’un « potentiel exploit dont ils ont entendu parler sur Slashdot »
Le client tient absolument à utiliser Sharepoint comme plate-forme de wiki.
Une enquête parmi le personnel a montré que certains cadres avaient plus de 50000 messages non lus dans leur boite mail. Le management soutient pourtant mordicus qu’ils n’ont « aucun problème quant à l’utilisation de l’e-mail »
Le management refuse d’intégrer la moindre terminologie, ce qui se traduit par un « Je viens juste de publier un nouveau blog sur notre wiki »
Apparemment, la messagerie instantanée est « un truc d’ados »
Le client décide que seuls les libellés approuvés par le management pourront être utilisés comme tags dans leur application de bookmarking social.
Le wiki du client est appelé SocietéPédia, est complètement obsolète, et n’a jamais été utilisé de manière réellement collaborative.
La DSI refuse d’utiliser des outils open source car « personne ne pourra assurer le support »
Le client a de fréquents débats afin de savoir qui de Lotus Notes ou de Sharepoint est la meilleure application web 2.0.
Pourquoi n’installerais-t-on pas simplement des forums ?
Le client est persuadé que la notion d’adoption implique de vouloir recueillir un enfant abandonné.
Le CTO se fait toujours imprimer ses e-mails par sa secrétaire.

Selon Chris Applegate

Le client l’appelle un « blog internet »
Le client a une vidéo virale à mourir de rire qu’il souhaite que vous diffusiez. Ce n’est rien d’autre que sa dernière pub TV déposée sur Youtube.
C’est encore mieux si cette dernière est un remake d’un fameux meme internet.
Le client insiste pour que Mr T ou David Hasselhoff tourne dans sa vidéo virale.
Le client veut quelque chose de limite, comme « cette vidéo du kamikaze » mais conditionne le projet à la validation de son service juridique.
« Je ne comprends pas pourquoi je vous paye si cher alors que je peux simplement envoyer une revue de presse à tous ces blogueurs »
Est-ce qu’on ne pourrait pas engager… vous savez, Tom Coates… On m’a dit qu’il était très populaire.
Le client admet publier anonymement des liens vers son site sur des forums.
Le client vous demande de publier anonymement des liens vers son site sur des forums.
Le client panique à propos d’un quelconque blogueur qui vient de publier un billet critique à son sujet. Il vous ordonne de le faire supprimer de quelque manière que ce soit. Et non, « c’est impossible » n’est pas une réponse valable.
Le client vous affirme que leur nouveau site est totalement web 2.0. Il est entièrement fait en flash et sans aucun lien permanent.
Le client vous bassine avec son tout nouveau blog. Et les commentaires ? Hors de question !
« Je veux ça en première page sur Digg « Votre client a fait un remake de Léa Passion Mariage.
Votre client vous demande de supprimer toutes les critiques à son propos propagées sur Wikipédia.
Tous les tweets publiés sur le compte officiel de la société doivent être validés par la communication.
Le client vous affirme qu’il est certain que le photoblog que vous lui avez fait est merveilleux. Malheureusement, la DSI bloque Flickr, et il ne peut pas y accéder.
Le client refuse d’allouer un quelconque budget modération à son nouveau réseau social. Il est ensuite choqué que les utilisateurs viennent y publier des photos de bites mutilées.
Le client a déjà dépensé plusieurs centaines de milliers d’euros sur Second Life.
Le client veut que son site soit aussi populaire que… « vous savez là… Facebook »

Si ça vous a fait sourire, c’est probablement que vous avez êtes déjà tombé sur des cas similaires. Et pour cause, ils sont bien plus fréquents qu’on ne le pense, même après 5 ans de web 2.0, même à l’heure de l’explosion du web social en entreprise, la fameuse entreprise 2.0. Les symptômes sont presque toujours identiques :

Le besoin compulsif de contrôler l’information qui peut sortir de la société.
Le besoin compulsif de bloquer toute forme de critique au lieu de tenter de régler les problèmes là où ils apparaissent.
Le besoin de surfer sur les tendances à la mode, mais sans projet stratégique concret, pourtant indispensable pour tout projet social.

Et comme un coup de pub ne fait jamais de mal, si le sujet du collaboratif entreprise vous intéresse, je ne peux que vous recommander le blog de mon ~~camarade pilier de bar~~ collègue Bertrand Duperrin dont c’est justement le coeur de métier.

Google Chrome sort de la bêta, la fin d'une époque ?

Sat, 13 Dec 2008 13:31:00 +0100

La sortie de la version stable de Google Chrome va-t-elle relancer la guerre des navigateurs dans laquelle Mozilla Firefox réussi à passer du stade d’outsider exotique à celui de challenger sérieux ? J’ignore de le savoir © et il est à mon avis trop tôt pour le dire. Le produit est encore neuf, visiblement buggé, ne dispose pas du système d’extensions qui fait visiblement de Firefox une meilleure station météo qu’un navigateur, et n’est disponible que sur une seule plate-forme. Et, il faut l’avouer, Google commence à faire peur.

Ce que je n’ignore pas de le savoir, en revanche, c’est que cette sortie marque probablement un tournant dans la manière de gérer les versions des sites et applications web. Finie la bêta permanente qui permet de justifier les bugs et une certaine instabilité fonctionnelle. L’époque des tests, de l’innovation permanente et du foisonnement que nous connaissons depuis 6 ans sous le terme plus généraliste de web 2.0 est finie. Place à la maturité, et, accessoirement, à la rentabilité.

Faut-il tronquer les flux RSS des articles trop longs ?

Sat, 13 Dec 2008 11:50:00 +0100

Devrions-nous tronquer les flux RSS des articles trop longs ? C’est en substance la (très intéressante) discussion que j’ai eue l’autre soir avec Aymeric autour d’un délicieux millefeuille de foie gras au pain d’épices accompagné d’un gouleyant Saint Émilion. Il existe bien des raisons de ne fournir que l’introduction des articles dans les flux RSS des blogs, et parmi elles, une seule relève de l’ergonomie.

Il y a tout d’abord le référencement : tronquer les articles dans ses flux RSS vous permet d’éviter de vous faire voler votre contenu par des sites Made For Adsense peu scrupuleux. Incidemment, cela vous permet également d’éviter que Google ne considère le contenu publié sur votre blog comme ayant été volé ailleurs. Eh oui, il m’est plusieurs fois arrivé de voir mes propres articles remonter en première place chez les autres, et ça ne fait pas tellement plaisir. Au passage, faites attention à la licence sous laquelle vous publiez vos articles, cela peut avoir de sérieuses répercutions sur vos moyens de recours.

Il y a ensuite le trafic, notamment si vous monétisez votre contenu avec une régie publicitaire. Adsense est certes disponible pour les plus RSS, mais je ne suis pas certain de l’efficacité de la chose aujourd’hui. Cela dit, je n’ai pas encore testé cette solution, et je me pose toujours des questions quant à sa mise en place, non pas pour gagner de l’argent, mais simplement pour rentabiliser mon hébergement et pouvoir continuer à héberger gratuitement des amis.

Il y a enfin l’ergonomie, et plus particulièrement la lisibilité. Si les formats RSS et ATOM sont faits pour agréger et réutiliser du contenu, ils ignorent totalement, et c’est bien normal, la notion de mise en page. La majorité des ouvrages d’ergonomie recommandent des lignes de 78 caractères maximum pour un confort de lecture maximum. À titre d’exemple, Google Reader limite la largeur des lignes à 122 caractères quelle que soit votre résolution. Newsgator, Bloglines, Liferea ou NetNewsWire n’ont pas cette gentillesse. On obtient ainsi des lignes de 130 caractères en 1024x768, 200 caractères en 1440x960, et je n’ose pas regarder sur du 1680.

Évidemment, avec l’augmentation de la largeur des écrans, et l’abandon quasi général du format 4/3 au profit du format 16:10, de plus en plus de gens cessent de travailler en plein écran, et juxtaposent deux documents. Ce n’est malheureusement pas la majorité, et forcer la lecture dans un environnement dédié, avec une mise en page et une typographie pensée pour les articles longs semble la seule manière d’accroître le confort de lecture.

Analogie entre l'ergonomie des logiciels et la conception d'un self service

Sat, 13 Dec 2008 09:52:00 +0100

L’ergonomie des restaurants, c’est un peu comme l’utilisabilité des logiciels : à tarif et service identique, la différence est dans la manière dont l’implémentation a été pensée en amont. En déplacement ces deux derniers jours, j’ai eu l’occasion de tester deux self services proposant deux approches totalement différentes d’un même métier.

À ma gauche, une cantine d’entreprise traditionnelle. Le parcours utilisateur est industrialisé et normalisé selon un workflow parfaitement rationnel, et à mon avis, totalement répulsive :

Plateaux.
Verres.
Couverts.
Entrées (jusqu’à 3 items avec les desserts).
Fromages / Desserts.
Plat chaud.
Boissons.
Caisse.
On mange.
Dépose des couverts dans un bac dédié.
Dépose du plateau sur un tapis roulant.

Notons qu’il est possible de revenir chercher quelque chose que l’on aurait pu oublier. Cependant, la disposition des lieux et certains éléments (carte d’entreprise à usage journalier unique au lieu d’un système de points), et la nécessité de refaire tout le parcours à chaque fois montrent qu’il s’agit d’un contournement du processus qui a été pensé pour être déroulé dans son entier en une seule fois.

À ma droite, le restaurant de l’hôtel. Le parcours utilisateur y a été pensé de manière radicalement différente et, toujours à mon sens, beaucoup plus accueillante. Même si, nous le verrons plus tard, cela ne va pas sans introduire quelques problèmes.

La chaîne commence également par la récupération des plateaux, qui reste dans les deux cas le pré requis incompressible. Puis les choses changent d’une manière assez subtile pour être mentionnée.

Les différents éléments du repas sont également rassemblés par thématique, mais pas dans le même ordre :

Entrées.
Plats chauds.
Fromages / Desserts.
Boissons.

Ici, les couverts ne sont pas rassemblés en tête de ligne, mais des bacs sont placés de manière contextuelle. Un bac proposant couteaux et fourchettes accompagne les entrées ; un offrant fourchettes, couteaux, couteaux à viande, cuillère à soupe… est disposé près des plats chauds ; des couteaux et des petites cuillères sont placés près des desserts. Enfin, les verres sont placés à coté des boissons.

La fin du repas change également un peu : au lieu d’un tapis roulant et de bacs dédiés, les plateaux sont déposés sur des chariots et traités en aval.

La reprise du parcours à un endroit donné est là grandement facilité. Je n’ai en effet pas besoin de retourner au début de la chaîne afin de récupérer le verre qui me permettra de boire le pichet de vin que j’aurai récupéré à la fin.

Bon, OK, mais où diable veut-il en venir ?

Considérant disposer d’un lectorat un tant soit peu intelligent, j’imagine qu’à ce stade de l’article, vous ne vous posez plus la question. Pour les autres, je vais expliquer.

Mon premier self service a été conçu autour du processus. Les clients, les couverts et la nourriture sont des pièces dans une chaîne de montage qui entrent à un bout de la chaîne, ressortent à l’autre bout selon un workflow bien établi, le tout en ayant accompli un certain nombre d’actions prédéfinies en interaction avec d’autres pièces définies à l’avance. D’un point de vu industriel, c’est parfait, et cela remplit très exactement son but : nourrir le plus grand nombre de personnes possibles en un minimum de temps avec le moins d’imprécision et d’incertitudes possible. D’un autre coté, c’est loin d’être très user friendly.

Mon second self service a été conçu autour de l’utilisateur, qui est détaché du processus. Ce dernier peut être repris n’importe quand, et certaines étapes non vitales peuvent même être sautées sans que cela remette en cause l’intégrité du processus. Si ce cas est beaucoup plus souple (et beaucoup plus agréable pour l’utilisateur), il y a en revanche une contrepartie non négligeable : on peut faire déjeuner beaucoup moins de gens dans un laps de temps donné.

La conception d’un site ou d’une application web suit un peu la même logique : deux outils fonctionnellement égaux seront totalement différents selon que la conception se fait du point de vue du processus ou de l’utilisateur. Le second cas d’étude n’est pas forcément le meilleur, mais c’est certainement celui qui plaira le plus aux utilisateurs, au détriment peut-être du rendement recherché.

Le Web 08, c'est fini

Wed, 10 Dec 2008 22:50:00 +0100

Je viens de passer deux jours à la conférence Le Web 08 , (photos) et je tenais avant tout à remercier Géraldine et Loïc Le Meur de m’y avoir invité. Histoire de lever tout malentendu, je tiens à rappeler que je faisais partie du programme blogueurs officiels, qui a permis à 54 d’entre-nous de nous rendre à cet événement majeur de l’écosystème web européen. Ceux qui me lisent habituellement le savent, mais je le rappelle pour les autres : ce n’est pas parce qu’on m’offre l’entrée que je vais dire du bien de la conférence et des conférenciers, loin de là.

J’ai eu la chance de ne pas subir les problèmes d’organisation que certains n’ont pas hésité, dans l’hexagone, à transformer en Le Meur bashing, et à l’étranger en French bashing :

J’étais habillé chaudement, donc la panne de chauffage le premier jour n’a pas été un problème pour moi.
J’ai du partir chez un client juste avant l’heure du déjeuner, je n’ai donc pas assisté à la fameuse débandade.
J’ai eu une connexion à Internet quand j’en ai eu besoin. Il faut dire que le live blogging est un genre dans lequel je ne me sens pas à l’aise, et j’ai tendance à l’éviter au profit d’articles plus construits.
Je ne venais pas pour les conférences, mais pour les gens, et de ce coté là, j’ai été comblé. Cerise sur le gâteau, celles auxquelles j’ai pu assister étaient très intéressantes.

Comme je le dis régulièrement, je sais combien organiser un événement d’importance est difficile, et combien il est facile que tout vous pète à la figure avec un bel effet boule de neige, j’ai donc une certaine tendance à la mansuétude, dans une certaine mesure toutefois. Les organisateurs ont pourtant, à mon avis, fait une belle bourde qu’ils auraient facilement pu éviter : les conférences les plus intéressantes d’un point de vue business et les plus concrètes se déroulaient dans un malheureux amphithéâtre mal placé et indiqué nulle part, tandis qu’une bonne partie du programme placé dans la grande salle était d’une indigence catastrophique, un beau gâchis en soi.

Côté rencontres, Le Web m’a apporté tout ce que je souhaitais, et plus, et a de ce côté là rempli toutes mes attentes. Je ne sais pas si cela valait vraiment le prix du ticket d’entrée (que je n’ai pas payé), et je ne le saurai sans doutes pas avant un moment. Côté programme, je ne ferai pas de compte-rendu des conférences, d’autres l’ont fait pour moi. Celles auxquelles j’ai assisté feront en revanche l’objet d’articles de fond sur des sujets aussi divers que la mobilité, la monétisation de contenus, l’architecture de l’information ou le management et le leadership.

Un accueil personnalisé pour les visiteurs arrivant via un moteur de recherche

Wed, 10 Dec 2008 21:54:00 +0100

Je cherchais tout à l’heure les coordonnées d’Aymeric Jacquet afin de planifier une expédition scientifique visant à voir si la bière nantaise est plus fraîche ou non que la bière parisienne, et pour ce faire, j’ai tout naturellement recherché son nom sur Google. J’aurais également pu enregistrer ses coordonnées lors de notre dernière rencontre, mais à quoi bon puisque ~~de toutes manières comme il avait perdu son iPhone dans le taxi en allant à Paris Web 2008 ça ne servait à rien d’essayer de l’appeler~~ je dispose de la plus grande base de données du monde, et d’outils puissants pour y faire des extractions ?

En arrivant sur le site d’Aymeric, j’ai été accueilli par un panneau de bienvenue m’enjoignant à parcourir d’autres billets, probablement en rapport avec ce que j’avais demandé.

Bonjour cher visiteur venu de Google, bienvenue sur l’AJblog.

Vous cherchez une réponse à la question : aymeric jacquet.
Les billets suivants peuvent , peut être, vous apporter des informations complémentaires :

Interviewé par Pixenjoy

Site validé pour le CSS Summer Refresh Alsacréations

Evolution du référencement du blog : J + 3 Google fait joujou, Live fait la tête

Réflexion rapide sur le bon usage du texte en gras en Webdesign

Ils connaissent bien la faiblesse des blogueurs chez Wikio

Si vous ne trouvez pas la réponse à votre problème, n’hésitez pas à me contacter, je suis quelqu’un de serviable, comme vous pourrez vous en rendre compte si vous vous abonnez à mon flux RSS.

Bonne lecture et j’espère sincèrement que vous trouverez les réponses à vos questions.

Au début, j’ai trouvé ça plutôt pas mal, et j’ai commencé à réfléchir à la meilleure manière de l’inclure sur ce site, et plus particulièrement aux critères de tri et de pertinence que je souhaitais mettre en place : recherche textuelle, tags, recherche étendue avec un dictionnaire des synonymes… Et puis, au bout d’un moment, je me suis dit FBI… fausse bonne idée.

L’usage généralement fait d’un moteur de recherche est simple :

Je lance ma recherche sur un outil de recherche.
Je sélectionne un des premiers résultats, généralement au dessus de la ligne de flottaison, en fonction de ce que va me montrer l’aperçu.
Si je trouve ce que je cherche, je me casse (sauf cas exceptionnel).
Si je ne trouve pas ce que je cherche, je retourne sur mon outil de recherche, et soit je vais voir les autres résultats, soit je change ma requête afin d’obtenir des résultats plus pertinents.

Le bloc mis en place par Aymeric est intéressant, malheureusement, je crois qu’il est à la fois inutile, gênant et un peu orgueilleux dans le contexte d’un site web.

Inutile, car, dans 95% des cas, si le visiteur trouve ce qu’il cherchait, il ne restera pas longtemps. En temps normal, j’aurais même dit 99.9% de chances, mais le site d’Aymeric étant très spécialisé, il y a tout de même des chances pour que quelqu’un du sérail y passe un peu de temps.

Gênant, car il vient s’interposer entre le haut de l’écran et les résultats potentiels de la recherche effectuée par l’utilisateur. Dans le meilleur des cas, il sera ignoré, dans le pire des cas, il sera source de frustration et le visiteur partira sans aler voir plus loin.

Orgueilleux, car il présuppose que le visiteur prendra en compte la potentielle qualité générale d’un site qui n’a, pour l’instant, a été déceptif puisqu’il n’a pas été capable de répondre à sa demande.

Évidemment, dans d’autres contextes, ce bloc a une utilité certaine :

Articles connexes à la fin d’un billet.
Propositions en cas d’erreur 404, principalement lorsqu’on dispose d’une chaîne de recherche dans l’URL.

Mais dans tous les cas, on entre là dans le domaine du cross selling, et on retombe dans quelque chose de tout à fait classique.

Warm up le web 08 à l'OPUS café

Tue, 09 Dec 2008 22:51:00 +0100

J’étais hier soir au warm up, de l’Open Coffee Club, prélude à la conférence Le Web 08, et, curieusement, le moins que l’on puisse dire, c’est que j’ai été plutôt… refroidi, au sens propre comme au figuré d’ailleurs. Je n’aime pas trop critiquer un événement à l’organisation duquel je n’a pas participé, car si la critique est aisée, l’art est difficile, et je suis le premier à savoir combien organiser un événement, même de petite taille, est difficile.

Je veux bien croire que la vocation de la soirée à l’image de l’action de l’OpenCoffee Club [était] de permettre aux entrepreneurs, investisseurs, participants, et journalistes de commencer à échanger avant l’ouverture de la conférence LeWeb’08 qui [avait] lieu le lendemain. Mais dans ce cas, pourquoi nous entasser comme dans des bétaillères dans une salle bien trop petite pour l’assistance, avec une musique assourdissante (et de mauvais mojitos à 10 euros… mais c’est très subjectif). J’ai fini par trouver le filon pour discuter tranquillement : le trottoir avec les fumeurs. Malheureusement les excès de toxines et la froidure polaire qui régnait aux abords du quai de Valmy ont fini par faire fuir les plus téméraires.

Il y a cependant quelque chose qui m’a franchement choqué : les interventions sur scène des organisateurs, sponsors, et de quelques sociétés tirées au sort et venue présenter leur élévator pitch. Je sais bien que nous sommes en France, cette France éternelle si fière de ses racines, de sa culture et de sa langue, mais POURQUOI, oui POURQUOI, dans un événement rassemblant facilement un tiers d’étrangers avoir fait tous vos discours en FRANÇAIS ? Quand on invite des gens du monde entier, le minimum vital est de se mettre à leur portée. Encore une belle preuve de l’ouverture des startups françaises à l’international.

Sinon, j’ai tout de même été ravi de retrouver, ou revoir certains d’entre vous, et particulièrement (hop séance de name dropping) Lubomira, Stephanie, Pamela, Andrea, Stéphane, ou encore une lectrice anonyme jamais d’accord avec moi… (oui, oui, il y avait des filles) et j’en oublie.