Utilisabilité et outils de gestion de contenu

C’est un drame ! Allez reconnaissez-le, alors que la majeure partie des sites web de l’internet reposent sur des outils de gestion de contenu (CMS en anglais), leur utilisation relève du casse-tête. Ceci est dû à de très graves problèmes d’utilisabilité. A ce sujet, le très respectueux e-Content Mag vient de publier un très bon article : Applying Usability Principles to Your CMS. Le point de vue de l’auteur y est fort juste et se fonde sur plusieurs constats qui expliquent cette situation :

  • Les éditeurs d’OGC résonnent en termes de fonctionnalités alors que les utilisateurs résonnent en termes de tâches. D’où des petites frictions au niveau de la prise en main.
  • Les débutants sont bien trop souvent confrontés à des interfaces qui les perturbent. En effet, il est généralement demandé à ces derniers d’effectuer des tâches très simple (mettre à jour un chiffre ou corriger une faute d’orthographe…) alors que l’interface qu’ils ont entre les mains leur offre beaucoup trop de possibilités. D’où difficultés de prise en main, fausses manipulations…
  • Les utilisateurs avancés n’y trouvent pas non plus leur compte. Il est en effet trop souvent fait l’amalgame entre utilisation avancée et utilisation fréquente. Plus concrètement, un contributeur chargé de la maintenance journalière d’un site aura besoin d’une interface très simple avec de nombreux raccourcis, alors qu’un administrateur aura plus besoin d’une interface offrant une grande richesse fonctionnelle.
  • Les interfaces WYSIWYG sont souvent le talon d’Achille des OGC car même s’ils autorisent des possibilités très riches de mise en forme, ils ne retranscrivent généralement mal le rendu final d’une page (le look & feel comme disent les publicitaires).

Plusieurs pistes sont ainsi explorées par l’auteur :

  1. Mettre en oeuvre des interfaces parfaitement adaptées aux tâches que doivent effectuer les utilisateurs. Ceci implique une grande modularité à l’image de ce que peuvent proposer des outils comme Typo3 ou Mambo.
  2. Permettre aux contributeurs de se reposer sur des outils qu’ils connaissent déjà. Il existe ainsi des petits modules pour récupérer et nettoyer les contenus rédigés avec Word. De même, la technologie WedDAV permet de faire du glisser-déposer sur le modèle de l’explorateur Windows.

A ce stade de la réflexion, je pense (et l’auteur est bien d’accord avec moi !) que le plus important est d’adopter une approche centrée sur les utilisateurs en étudiant les différents profils de contributeurs (avec la technique des utilisateurs-types) ainsi que de modéliser les tâches les plus courantes (au travers de cas d’utilisation).

Bref, un très bon article qui sera complété par deux autres sur le même thème. Il me tarde de les découvrir…

Simplifiez vos coins arrondis

Je ne vais pas vous refaire ici tout l’argumentaire des avantages d’une mise en page réalisées grâce aux feuilles de styles (donc évitant tout recours à des tableaux de mise en forme), il n’empêche que réaliser des boîtes avec des coins arrondis tout en respectant la sémantique et les règles érigées par le W3C est un véritable casse-tête. Plusieures solutions ont déjà été proposées pour faire des coins arrondis, mais rien de très pratiques. En tout cas pas autant que la future propriété border-radius des CSS 3 : The ‘border-radius’ properties (déjà supportée par la famille des navigateurs Mozilla et que j’utilise sur ce site).

Il n’empêche que le site italien Pro HTML vient de proposer une solution plutôt élégante basée sur une utilisation astucieuse des CSS? et du DOM?? : Nifty Corners: rounded corners without images. Pour voir la bête en action, je vous recommande ces deux exemples :

Sympa, non ?

Comment mettre en valeur de l’information fraîche ?

En mettant un coup de Stabilo dessus pardi ! En fait, nous parlons ici d’attirer l’attention des utilisateurs de façon élégante. Le but de la manoeuvre est de faire ressortir une phrase, un paragraphe ou un lien en lui appliquant un fond de couleur voyante (un peu comme quand vous surlignez avec un Stabilo). L’astuce est de faire en sorte que cette mise en forme ne soit pas intrusive, pour cela il existe une astuce en javascript pour que ce surlignage s’estompe en quelques secondes.

Cette astuce visuelle, baptisée Yellow Fade Technique, a pour la première fois été implémentée sur le blog de 37Signals (voir le billet à ce sujet : Web Interface Design Tip: The Yellow Fade Technique).

Cette technique est maintenant détaillée et proposée en téléchargement gratuit sur le site Axentric : The Fade Anything Technique. Je vous recommande de jeter un oeil à leur page de démonstration pour vous convaincre de l’intérêt de cette astuce visuelle.

Mambo élu meilleure solution libre de droits de l’année 2004

C’est une bien belle récompense que vient de recevoir le système de gestion de contenu open source Mambo, celle de la meilleure solution libre de droits décernée par LinuxWorld et Linux Format : Mambo Open Source Web CMS Winning Awards.

Logo Mambo Open Source Web CMS

Pour ceux qui ne connaisse pas, Mambo est un système de gestion de contenu open source basé sur une architecture WAMP. Ses principaux points forts sont sa modularité et son interface d’administration à la fois riche et conviviale :

Copie d'écran de l'interface d'administration de Mambo

Je n’ai jamais eu l’occasion de le mettre en oeuvre dans le cadre d’un projet, mais votre retour d’expérience m’intéresse fortement, n’hésitez pas à poster des commentaires sur le sujet.

Un simulateur de déficiences visuelles

Vu sur la mailing-list d’Accessiweb, un groupe de recherche du département Computer Science de l’université de l’Illinois nous propose de télécharger et tester ce simulateur de déficience visuelle : Visual Impairment Simulator. Selon les auteurs : VIS est un outil éducatif permettant de se mieux appréhender le quotidien des utilisateurs souffrant de déficiences visuelles.

En résumé, ça ressemble à la Web Accessibility Toolbar (vous choisissez dans un menu déroulant le type de déficience que vous souhaitez voir simuler) mais appliqué à l’environnement Windows et pas seulement au niveau des pages web.

Ce simulateur est en version béta, n’hésitez pas leur faire part de vos retour sur leur forum. (merci à Brett pour le lien)