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

L’annonce vient de tomber sur la liste Accessiweb, le second WaSP café France aura lieu le 28 janvier de 19 à 22 heures à l’IESA, 5 rue Saint-Augustin dans le deuxième arrondissement de Paris.

Un WaSP Café est la rencontre physique de plusieurs personnes dans un même lieu. Le but de cet évènement est de permettre aux participants d’échanger des idées sur l’implémentation des bonnes pratiques du web sur de véritables sites en production, mais également de discuter et d’échanger des trucs et astuces sur les techniques pour résoudre les problèmes que cela peut impliquer

La conférence sur l’état de l’art du sous-titrage des vidéos donnée par Jean-Louis Carves d’IBM à Paris Web 2007 était particulièrement impressionnante. La démonstration de sous-titrage des vidéos à la volée avec une latence de moins de 6 secondes – et quelques erreurs de grammaire minimes – a notamment montré l’avancée des technologies de reconnaissance vocale depuis les premières versions de Viavoice sous Windows 95.

Liveblogging de la conférence de Myriam Lorant à Paris Web 2007. Notes prises en vrac et donc susceptibles d’erreur.

Ces deux là ont des points de vue toujours opposés

Le décideur : à l’origine du projet. Décisionnaire intéressé par le média internet comme support de communication. Décision de lancer le projet, décision de sa réussite. Pourquoi : développer son image. Fait un site pour lui, il faut que le site lui plaise. Approche commerciale et non informative. Aboutit à des sites au contenu par forcément pertinent.

Léopard a fait couler beaucoup d’encre virtuelle depuis sa sortie. Certains ont adoré les optimisations sur iCalendar, l’intégration encore plus poussée entre les applications Apple ou la panoplie d’eye candies, d’autre pas. Mais d’accessibilité il n’en fut point question, jusqu’à cet article de l’excellent 456 Berea Street sur les efforts de Mac OS X 10.5 pour faciliter la vie des personnes handicapées.

• L’ajout d’une nouvelle voix au module de dictée. Bienvenue à Alex.
• Le support natif des claviers en braille.
• Un clavier braille virtuel.
• La possibilité de contrôler VoiceOver via le pavé numérique.
• Une navigation facilitée dans les longs documents et les pages web. Le système peut maintenant lister et sauter de titre en titre, de table en table ou de lien en lien, quand Tarzan ne peut que sauter de liane en liane.
• Hot spots permet de surveiller jusqu’à 10 zones sur un écran et avertit l’utilisateur quand l’une d’elles change.
• Dans les applications accessibles, le drag and drop est possible à l’aide du seul clavier.
• Enfin, l’accessibilité des applications embarquées a été grandement améliorée.

Après quelques semaines passées à se promener dans les soirées de blogueurs, la mystérieuse grenouille souriante en plastique vert nous révèle enfin la véritable nature de Frogz.fr qui n’est autre qu’un blog animé par 6 Microsoftees (appelez-les FroggerZ) assoiffés de nouvelles technos et qui souhaitent partager avec vous le côté « cool et sympa » de Microsoft..

Et ça parle de quoi ? Des produits Microsoft, évidemment. Frogz a pour but de donner des trucs et astuces sur l’utilisation quotidienne des produits Microsoft, que ce soit sur PC, Mac, ou téléphone mobile, se positionnant ainsi comme le fer de lance d’une communauté d’utilisateurs des produits du géant de Redmond.

Si les problématiques d’accessibilité, de bonnes pratiques du web et de quality content delivery vous intéressent, ne manquez pas de réserver vos place à la conférence Paris Web 2007 qui rassemblera le gratin de la profession dans les locaux d’IBM à la Défense pour deux jours de conférences les 15 et 16 novembre prochains suivis d’une journée d’ateliers à l’INSIA le samedi 17. Que vous soyez une agence web, ou un content provider, vous devriez trouver toutes les réponses aux questions que vous vous posez sur le sujet.

Je lance à partir lundi prochain une série de screencasts sur les bonnes pratiques du web.

Chaque semaine, je sélectionnerai un site volontaire dont je ferai une critique globale en termes d’ergonomie, d’accessibilité, de respect des standards, et d’une manière plus générale des bonnes pratiques du développement web. Ma première “victime” sera le site de Carpe Vinum, le jeu de découverte de la dégustation qui a bien voulu se prêter au jeu.

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.

Quel est le plus court chemin transformant la visite hasardeuse en acte d’achat ? Malgré plus de 10 ans de web, la problématique du mode d’accès aux données revient fréquemment dans la conception d’un site ou d’une application web. C’est justement à ce problème que s’attaque Patricia Gallot-Lavallée dans son ouvrage édité à compte d’auteur, et préfacé par Frédéric Cavazza, disponible à partir du 5 septembre prochain.

À travers 60 fiches méthodologiques, le lecteur explore pas moins de 60 modèles de navigation, du plus classique au plus innovant, dans une optique alliant systématiquement ergonomie, accessibilité et référencement.

Chaque fiche est présentée sur une double page, et s’accompagne d’exemples glanés sur le web. Une évaluation visuelle permet de noter le modèle sur 3 points : appréciation globale, coût en termes de temps et de budget (les deux étant le plus souvent liés), et accessibilité. Un paragraphe intitulé “pour qui” décrit succinctement le genre de site auquel se destine le modèle étudé. Un avertissement portant souvent sur l’accessibilité ou un conseil complètent cette première colonne qui permet de se faire une idée rapide de la pertinence du modèle.

Le coeur de la fiche consiste en une série de conseils méthodologiques et de bonnes pratiques visant à une mise en place de qualité du modèle. L’approche est technique, mais accessible, et une explication accompagne chaque point abordé. La démarche donne systématiquement la place la plus importante à l’utilisateur dont la satisfaction complète constitue le coeur véritable du livre.

La fiche se termine sur une étude de cas accompagnée d’une interview mettant en avant les avantages, les inconvénients et les limites du modèle étudié.

Mon avis

Je viens de passer la moitié de la nuit et de la journée à dévorer ce livre que j’attendais depuis plusieurs mois jusqu’à la dernière page, et j’ai vraiment adoré. Le livre explore de nombreux éléments d’une page web faisant partie de la navigation sur lesquels je ne m’étais jamais vraiment penché. L’orientation pratique et les conseils très pertinents permettent de se mettre au travail sans attendre, et les bénéfices sur la navigation sont immédiats. On ne regrettera qu’une seule chose : les fiches sont beaucoup trop courtes, et on aimerait pouvoir en lire plus, la limitation venant de la seule double page allouée aux fiches.

Je recommande cet ouvrage aussi bien aux directeurs artistiques et aux designers qu’aux chefs de projets chargés de la conception ou de la refonte d’un site. Conçu comme un livre de recette, Internet, donne moi ce que je veux est un must have dont la place se trouve sur le bureau de tout architectes de l’information.

[edit]
Afin de répondre à une question plusieurs fois posée, il n’y a pas d’erreur dans l’article, la date de sortie du livre est effectivement prévue pour le 5 septembre. Je fais simplement partie des heureux privilégiés à en avoir eu une édition spéciale pré release (et y’a même pas de dédicace, Patricia, prochaine fois qu’on se voit en soirée, tu n’y coupes pas).

Lors du premier Yulbiz Paris, j’ai eu la chance de rencontrer Patricia Gallot-Lavallée, consultant web chez Kenazart Strategy Interactive. Patricia finalise en ce moment son premier livre ”Internet, donne-moi ce que je veux !” (dont la couverture resemble furieusement à celle de Don’t make me think), ouvrage d’ergonomie dans lequel elle passe au crible pas moins de 60 modèles de navigation afin d’en extraire la substantifique moelle :