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

Lockergnome fait partie des meilleures références que je connaisse sur le développement web pour la diversité, la précision et la qualité de ses articles. Le dernier en date, Creating Perfect HTML Newsletters a pourtant eu le don de faire hurler l’avocat des standards du web, de l’accessibilité et des bonnes pratiques dont je déplore en passant, mesdames et messieurs les jurés, de vous imposer quotidiennement la présence inopportune au-dessus de la robe austère de la justice sous laquelle je ne vous raconte pas, histoire de paraphraser Pierre Desproges, grand maître à penser dont nous avons célébré cette année dans la tristesse la plus joviale les 20 ans de la mort après laquelle les droits de l’homme s’effacent devant les droits de l’asticot.

Mais revenons à nos moutons… ou tout au moins à notre newsletter.

Typogarden est le site consacré aux thèmes pour Typo, le système d’édition de blog développé en Ruby on Rails qui propulse ce blog et bien d’autres, et dont je suis un des principaux contributeurs.

Pendant longtemps, Typogarden a été consacré au concours de thèmes lancé il y a presque trois ans, avant de sombrer à l’abandon depuis le 4 juin 2006. Suite à la volonté de son propriétaire de s’en débarrasser, j’ai pu récupérer le thème associé afin d’en faire ce que je souhaitais depuis longtemps : un vrai catalogue des thèmes Typo organisés par typologie : une, deux ou trois colonnes, sidebar à gauche ou à droite…

Après quelques semaines de sommeil suite à la sortie de Typo 5.0.3, Piers et moi nous sommes remis au travail, avec pour objectif une version 5.0.4 d’ici à la mi mai. Celle-ci se focalisera principalement sur la qualité de l’application, tout en introduisant quelques nouveautés. Histoire de vous tenir au courant, je vous propose un aperçu des fonctionnalités que nous avons prévu d’y intégrer.

Wordpress 2.5, dont une démo est disponible en ligne apporte son habituel lot de nouveautés, parmi lesquelles une refonte en profondeur de l’administration, organisée autour des fonctionnalités de plus en plus nombreuses et diversifiées du plus populaire des blogware open source. Qu’on aime ou qu’on aime pas – et je rentre depuis longtemps dans la seconde catégorie – force m’est d’avouer que cette nouvelle version est impressionnante.
Plutôt qu’un tour complet de cette nouvelle admin qui ne servirait pas à grand-chose, je vous propose de passer en revue les 9 petits trucs qui vous changent la vie.

Réaliser le formulaire de login parfait relève un peu de l’utopie ergonomique, tandis qu’il est particulièrement facile de se tromper. Dans son article en deux parties, Account sign-in, 8 *2 mistakes to avoid Jared Spool détaille 16 erreurs à ne pas commettre quand on crée un tel formulaire. Il y étudie le formulaire lui-même, mais également tout ce qui va autour : placement, opportunité… en l’appliquant à la boutique en ligne du site de Cisco.

Plutôt que de traduire simplement son billet, j’ai repris les 16 points étudiés, et j’ai tenté de les appliquer aux cas les plus génériques possibles, afin de pouvoir les réutiliser sur tous les types de sites et d’applications possibles.

Après la sortie la semaine dernière de la version stable de Ruby on Rails 2.0, La toute nouvelle version de Typo se profile doucement à l’horizon. À l’occasion de ce changement de version majeure, nous avons décidé de changer le thème de base, pour un design rajeuni. Et dans notre grande mansuétude, nous avons décidé que ce serait TOI, oui TOI lecteur qui choisirait à quoi allait ressembler ton blogware préféré (si, si, tu vois, non seulement on va te faire décider à ta place, mais en plus décide à ta place que tu aimes Typo et que tu vas l’installer sur ta machine… ha les joies du crowdsourcing…)

Après cet intermède d’un cynisme particulièrement marqué, il est temps pour moi de vous présenter les heureux lauréats, parce qu’ils le valent bien :

Les Open Source CMS Awards 2007, récompenses attribuées aux meilleurs outils de gestion de contenus libres viennent d’être attribués sur le site de l’éditeur britannique Pact Publishing, et j’avoue que certains résultats me laissent sans voix.

Meilleurs CMS de l’année 2007 :

1. Drupal.
2. Joomla.
3. CMS Made Simple.

CMS les plus prometteurs :

1. MODx.
2. TYPOlight (rien à voir avec Typo).
3. dotCMS.

Meilleur CMS développés en PHP :

1. Joomla.
2. Drupal.
3. e107.

Meilleurs CMS n’ayant pas été développés en PHP :

1. mojoPortal.
2. Plone.
3. Silva.

Meilleur CMS à vocation sociale.

1. Wordpress.
2. Drupal.
3. Elgg.

Devant la déferlante des détournements de couvertures de Martine – phénomène qui n’a rien de nouveau mais qui semble avoir pris une ampleur particulière depuis quelques semaines – je n’ai pas pu m’empêcher d’accommoder l’héroïne des enfants sages à la sauce des bonnes pratiques du web.

Depuis le temps que je ne vous avais pas donné de nouvelles de Typo, je pouvais bien me fendre d’un petit billet de teasing, histoire de vous montrer la prochaine fonctionnalité qui devrait arriver sous peu dans la trunk, avant de rejoindre la prochaine version stable : un éditeur de thèmes en ligne, qui m’a été demandé par pas mal de gens souhaitant migrer depuis Wordpress et pouvoir éditer leurs templates directement depuis le web.

Depuis maintenant trois ou quatre ans, on peut lire jusqu’à plus soif que le web 2.0 a inauguré le règne du contenu, et cette allégation n’est pas complètement fausse. L’auteur d’un site publie un contenu ; les visiteurs y réagissent par des commentaires, des billets liés, du bookmarking social, ou de la mise en avant sur les agrégateur sociaux. Bien que la qualité des contenus promus laisse souvent à désirer – il vaut mieux ne pas trop demander aux gens de réfléchir – le système marche semble fonctionner malgré quelques ratés ici et là. Pourtant, si l’on parle beaucoup du contenu, on en oublie que trop souvent la structure, y compris dans le monde des développeurs web, à l’exception peut-être du web sémantique.
Contrairement à ce que j’ai longtemps cru, le XHTML n’est pas seulement un langage de mise en forme ; par la nature même de chacun de ses éléments, il donne du sens à la structure de la page, et ce sens peut être exploité de bien des manières. C’est pour cette raison que l’on parlera dans la suite de cet article de sémantique structurelle.