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

• De l’entretien d’embauche au déjeuner d’embauche, les prémices d’une mutatation ? Quand les entretiens d’embauche perdent de leur formalisme pour devenir un véritable lieu d’échange.
• Une apologie du big footer. Pourquoi et comment utiliser le plus web 2.0 des footers.
• Le buzzword de la rentrée 2007. À chaque rentrée son buzzword. Quel sera celui de 2007 ?
• 10 livres indspensables pour s’initier à la science fiction. Pour ceux qui s’ennuient en vacances et voudraient se lancer dans ce genre littéraire pas comme les autres.
• Off (by one), récit de mes non vacances à la montagne.
• Internet donne moi ce que je veux, 60 modèles de navigation pour satisfaire vos internautes. Critique du livre d’ergonomie des IHM de Patricia Gallot-Lavalée.
• Quatrième bloggyversaire. Déjà 4 ans de blogging et toujours la même passion.
• Sur la toile ce 30 août 2007. Les liens à ne pas louper.
• Carrefour, pizza, glace et coca. Quand Carrefour facilite la vie des geeks.
• Préparez vos randonnées avec le Géoportail.

Après dix jours de dur labeur dont trois de réflexion sur les changements à apporter, la nouvelle version du blog est enfin en ligne. Cette refonte en profondeur, graphique, ergonomique et fonctionnelle a entraîné nombres de développements, et ce afin de contourner certaines fonctionnalités de Typo et de lui en ajouter quelques autres.

La refonte graphique a certainement été de loin la plus longue et la plus fastidieuse. Elle a commencé par la lecture d’un excellent article de David Larlet sur l’importance du rythme vertical en CSS, et par la visite d’un très grand nombre de sites à la recherche d’idées. Sites de templates, de designers, blogs… soit près d’un millier de site visités en trois jours, et quelques moments de découragement durant lesquels il m’est arrivé d’envisager l’utilisation de templates tout faits. Mes desiderata tournaient autour de la simplicité, la propreté, un espace pour le contenu d’au moins 620 pixels de large afin d’afficher correctement mes photos, et un big footer. Merci à Jean-Luc Derrien, de Furya Créations de m’avoir aidé dans la transcendance de mon indigence artistique et photoshopienne.

Le temps passe, le temps passe, et j’en ai oublié de fêter mon quatrième anniversaire en tant que blogueur “sérieux”, c’est à dire assidu. C’était le 27 juillet 2003 sur asocial.org, et je m’en souviens comme si c’était hier.

En quatre ans, beaucoup d’eau a coulé sous les ponts, et le blogging, les blogs et les blogueurs ont changé, évolué. Mon rapport au blogging est passé de la découverte émerveillée (et chronophage) à une utilisation beaucoup plus rationnelle. Le blog est aujourd’hui un outil que j’utilise quotidiennement dans mon travail et la promotion de mon identité numérique. J’ai fermé mon blog personnel sur un coup de tête il y a tout juste un an aujourd’hui, ce qui m’a permis de me consacrer pleinement à celui-ci.

Aujourd’hui, beaucoup considèrent le blogging comme mort, je crois juste qu’il est simplement sorti du feu des projecteurs pour atteindre l’âge adulte. Comme le fait remarquer Padawan dans son billet Le blog est mort, vive le blog, bloguer est une activité exigeante, qui demande un travail conséquent, et nombreux sont ceux qui ont abandonné par lassitude ou lorsque le soufflé médiatique est retombé. Une partie des survivants a relevé la tête pour se rendre compte qu’ils étaient partie prenante d’un mouvement beaucoup plus important (qu’on appelle web 2.0) qui ne se limitait pas au blogging, les autres ont continué leur petit bonhomme de chemin sans se poser de questions.

Quant à moi, quatre ans plus tard, le plaisir d’écrire et de lire reste intact. La majorité de ceux qui peuplaient mon agrégateur les premiers mois ont aujourd’hui disparu. Penser à eux me ramène en arrière avec nostalgie, vers une époque où les choses étaient – en apparence – plus simples. Mon blog m’a permis de rencontrer des gens absolument formidables (et aussi un paquet de bozos pour rester poli), trop nombreux pour être listés ici, et nombre d’entre eux sont encore à mes côtés.

Et, souvenir souvenir, je vous livre une capture du tout premier layout de mon tout premier blog, codé en PHP à la main sous les aisselles.

Un peu d’humour dans ce monde de brutes.

Bien connu des blogueurs, Feedburner est un service américain permettant de gérer son flux RSS en disposant de tout un tas de services for pratiques : statistiques, régie publicitaire, liens permettant de publier les billets sur la grande majorité des services communautaires… Parmi les fonctionnalités intéressantes du dernier rachat de Google se trouve la possibilité de s’abonner au flux par courriel, ce qui est bien pratique pour ceux que souhaitent suivre des blogs sans toutefois entrer dans l’ère de l’agrégateur.

Ce matin, en recevant mon abonnement à mon propre flux – cela me permet de contrôler qu’il est bien arrivé à destination – j’ai eu la surprise de lire ceci dans le pied de page du mail :

If you prefer to unsubscribe via postal mail, write to: Frédéric de Villamil .com, c/o FeedBurner, 549 W Randolph, Chicago IL USA 60661

C’est à dire :

Si vous préférez vous désabonner par courrier postal, écrivez à Frédéric de Villamil .com, aux bon soins de Feedburner, 549 W Randolph, Chicago IL USA 60661

S’abonner à un flux RSS par courriel ne me semblait déjà pas la chose la plus naturelle qui soit, pour ne pas dire que je trouve ça contre nature, mais pouvoir résilier son abonnement par courrier postal, ça ne me serait jamais venu à l’idée.

Je recherche actuellement un outil ou un service me permettant de créer des sondages et de les intégrer ensuite à une page web, sous forme de formulaire ou d’un bout de javascript, bien que cette solution ne me satisfasse pas entièrement vu son caractère peu accessible.

S’il s’agit d’une solution hébergée, peu me chaut qu’elle soit payante tant que cela reste dans les limites du raisonnable, et s’il s’agit de scripts à héberger moi-même, il faudrait que ce soit du Ruby.

La solution devra être un minimum complète, puisque les sondages feront de 10 à 20 questions, et chaque question comptera jusqu’à 10 réponses possibles.

Si vous connaissez quelque-chose comme ça, je suis preneur, dans le cas contraire, je coderai un greffon en Ruby on Rails en rentrant de week-end.

1&1 ne me proposant malheureusement pas d’IP françaises, me voilà contraint de rapatrier ce blog sur le sol hexagonal, et du même coup de changer de plate-forme. Tout ça pour une bête question de référencement dans les outils de recherche. Enfin, peut-être pas si bête que ça en fait.

D’un point de vue technique, cela nous donne :

Avant

• Athlon64 3500+.
• 1go de RAM.
• 80go de disque dur.
• 100mb.

Maintenant

• Pentium4 3ghz hyper threadé.
• 2go de RAM.
• 250go de disque dur.
• 100mb.

Le tout pour 20 euros de moins par mois. Je perds en revanche le raid 1 et le backup en ftp de 80go proposés par 1&1, mais vus les tarifs, il n’est pas exclu que je prenne un hébergement de backup ailleurs histoire d’assurer le coup. Comme ils disent dans les assurances, ça ne coûte cher qu’avant l’accident.

Et si vous lisez ce billet, c’est que la migration s’est faite sans problème.

Ce billet a été rédigé conjointement par les Frères Eurovision. Picardia independanza !

Frédéric

Après les cinq choses que vous ne savez pas à mon sujet, Otto me demande quels seraient les blogs que je lirais s’il ne pouvait en rester que 5. Je choisirais :

1. Le blog officiel de Ruby on Rails, pour tout savoir sur votre framework favori.
2. A List Apart, une référence en matière de webdesign.
3. Web Worker Daily.
4. Hellcat (RIP) et Utena, spécialiste en chapka (parce qu’Ute est russe).
5. Post Secret.

Et je transmets le flambeau à Sébastien Billard, Thahn Nguyen, Bertrand Duperrin et Jacques Froissant.

Bastien

1. Planet Jabber, parce que communication.
2. Plante Maemo, pour mon N800
3. Slashdot, parce que je suis un sale geek.
4. Engadget, bis.
5. Err the blog, parce que c’est un sale bourrin.

Je sais bien que les planet c’est de la triche, mais si nous aussi on avait triché on aurait gagné l’Eurovision.

Les mauvaises langues qui diront que j’ai parcouru tous les didacticiels Photoshop estampillés “web 2.0” afin de réaliser ce thème ne seront pas très loin de la vérité. Cette remise à neuf part d’une constatation évidente : difficile de parler d’ergonomie et de webdesign quand on a un design peu soigné, et surtout peu utilisable. Certes, les cordonniers sont toujours les plus mal chaussés, mais il y avait des limites.

C’est la seconde fois que je commence par coucher le résultat final sous Photoshop, avant de me lancer dans le développement, et les résultats sont visibles : c’est nettement plus propre. Ma démarche habituelle consiste à ouvrir Textmate avec une vague idée de ce que je veux faire, et à coder. La démarche inverse, même si elle est beaucoup plus fastidieuse en rajoutant un très grand nombre d’étapes nécessitant un outil que je ne maîtrise pas du tout, est aussi très intéressante, puisqu’elle m’oblige à aborder les problèmes à venir en amont.

J’imagine qu’il y a un certain nombre de bugs sous Internet Explorer, principalement dans sa version 6 à cause du manque de support de l’alpha des images au format PNG, mais je n’ai pas de machines sous Windows pour tester. Ils attendront donc lundi soir que je sois au bureau pour un recensement exhaustif.

Et pour finir, la liste de mes sources d’inspiration :

• Iris Design pour les gros boutons Aqua de la barre latérale.
• Shadowness pour les onglets de navigation.
• Simple entrepreneur pour la mise en valeur des zones de souscription.

Dans le cadre de la refonte de ce blog, je suis obligé de supprimer un des blocs se trouvant dans le footer de celui-ci, mais je n’arrive pas à choisir lequel.

Et comme nous sommes un week-end d’élections, j’ai décidé de donner la parole au peuple aux lecteurs de ce blog, dans une attitude de bonne feignasse qui me caractérise toute web 2.0. C’est donc à vous de me dire qui Marianne James va éliminer entre :

• Les vignettes des photos de mon Flickr.
• Les derniers commentaires, sachant qu’ils disposent de leur propre flux RSS par ailleurs.
• Mes liens del.icio.us, sachant qu’ils pourront très bien revenir dans mon flux RSS, j’en reparlerai un peu plus tard.

Voilà, et comme je n’ai pas eu le temps de développer de greffon “sondage” pour Typo, merci de vous exprimer dans les commentaires.

Si vous passez de temps en temps sur ce blog, vous aurez remarqué le remplacement dans la navigation de l’icône par un lien vers une page s’abonner. Il y a deux raisons à cela.

La première est purement utilitaire : elle me permet de multiplier les méthodes d’abonnement au blog, en y ajoutant l’émail. En remplissant le formulaire idoine, vous pouvez désormais recevoir toutes les mises à jour du site par courrier électronique. Cette nouveauté est une conséquence directe de mon second point.

La seconde raison d’être de cette page est purement didactique. Je me suis rendu compte avec le temps que dans mon métier, les gens connaissaient globalement l’existence du flux RSS, nombre d’entre eux n’en savaient pas la définition. En fait, seule une faible proportion de mes collègues – au sens large du terme – utilisent quotidiennement l’agrégation qui est beaucoup moins rentrée dans les usages que je l’imaginais jusqu’à encore récemment.

Cette nouvelle page me permet donc

• D’expliquer ce qu’est un flux RSS et à quoi sert l’agrégation, là où l’icône seule n’était pas des plus parlante.
• Offrir l’abonnement par email à ceux que le site intéresse, mais qui n’ont pas encore adopté l’agrégation.

En attendant un changement de thème qui devrait voir l’arrivée d’une zone d’abonnement sur l’ensemble des pages du site, entre autres nouveautés.