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

J’ai profité de ma trop courte semaine de vacances pour réfléchir aux changements à apporter à ce site à l’occasion de la rentrée. Pas de grande révolution en soi, la ligne éditoriale reste la même, et il sera toujours question d’ergonomie des interfaces hommes / machines, du framework de développement Ruby on Rails et d’architecture de l’information web, qu’il soit 2.0 ou pas.

On ne répétera jamais assez l’importance de développer une signalétique cohérente, particulièrement sur le web. S’il est pardonnable de voir deux messages différents pour un même cas – des erreurs de relecture, ça arrive – il est en revanche inexcusable d’aller très exactement à l’opposée des codes et des standards établis dans le monde entier.

A List Apart, le site pour les gens qui font des sites web, organise pour la seconde année sa grande enquête sur les métiers du web. Que vous soyez designer, développeur, architecte de l’information, chefs de projets, concepteur rédacteur, responsables marketing, référenceur… et j’en oublie, vous avez jusqu’au 26 août pour répondre à ce questionnaire qui vous concerne tous.

En effectuant mon petit bout de veille quotidienne, je suis tombé par hasard sur ce qui pourrait bien être la pire interface utilisateurs de tous les temps, et ce n’est pas peu dire.

La signalétique est une des rares disciplines non scientifiques à véritablement tendre vers l’universalité, par delà les langues et les cultures, même si ce n’est pas toujours gagné. Que se passerait-il si dans un pays notre panneau “sens interdit” se mettait soudain à signifier “autoroute à péage”, ou si le signal autorisant à faire du feu y signifiait “attention, produit hautement inflammable” ? Où que l’on aille, la couleur rouge signifie “danger”, la jaune “attention” et la bleue “information”.

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…

Joshua Porter, qui édite l’excellent Bokardo dont je ne peux que vous recommander la lecture vient de publier Design for a Social Web, chez New Riders, et bientôt dans ma boite à lettres grâce à Amazon.

Joshua a voulu écrire un livre orienté sur les aspects sociaux du web, c’est à dire des applications destinées à favoriser l’interaction entre leurs utilisateurs. Toute considération éditoriale mise à part, le succès d’un site basé sur de telles interactions dépend grandement de la manière dont ces dernières sont facilitées. Deosign for a Social Web vise donc à coupler psychologie des outils sociaux et grands principes du web design.

J’écoutais les vieux albums de Madonna tout en travaillant à rendre mon dernier thème le plus générique possible en vue d’une release prochaine dans le domaine public. Bien que je lui préfère largement Vogue, un des morceaux les plus extraordinaires que j’ai jamais entendu, et qui reste pour moi associé à la performance des MTV music awards 1991, c’est le nom de True Blue qui s’est imposé de lui-même.

Un peu d’humour en ce dimanche soir ensoleillé, avec cette très sérieuse étude portant sur la véritable répartition du temps passé à mettre en place un design web moderne.

Évidemment, toute ressemblance avec des situations existantes ou ayant existé dans le monde réel ne serait que purement fortuite.

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.