Suite à mon invitation à aider Le Soir à convertir ses visiteurs, j'ai reçu plusieurs propositions.

Je voudrais commencer par remercier vivement chacun d'entre vous qui a pris la peine de se prêter à cet exercice.

Après une première sélection, opérée à l'unanimité avec quelques collègues, je voudrais vous soumettre trois propositions, sans dévoiler le nom de leurs auteurs.

En commentaire, je vous invite à voter pour la proposition que vous jugez la meilleure :

• Indiquez le numéro de la proposition que vous préférez (de 1 à 3)
• Seuls les votes associés à une adresse e-mail valide seront comptabilisés.
• Les votes seront acceptés jusqu'au mercredi 14 mai prochain.

Attention, il est nécessaire de cliquer sur les liens pour visualiser le fichier complet !

PROPOSITION N°1 : visualiser

PROPOSITION N°2 : visualiser

PROPOSITION N°3 : visualiser

Dans mon billet précédent, j'ai regretté l'inefficacité du système de conversion aux contenus payants du journal Le Soir en ligne.

A présent, je suis tenté de vous mettre au défi : Envoyez-moi une maquette améliorée.

Il n'y a pas tant d'éléments que cela à gérer. Cela me paraît jouable en une heure de temps.

Le gagnant de ce petit concours se verra attribué un prix d'une valeur de 400 euros : une journée de formation Ecrire pour le web ou Créer la structure d'un site web.

Gaetano avait déjà épinglé, dans un billet datant de septembre 2006, l'inefficacité du système de conversion aux contenus payants du site web du journal Le Soir.

Et bien, près de deux ans plus tard, la maquette reste catastrophique.

Jugez-en vous-même...

Source : un article payant sur le site du Soir en ligne.

Avez-vous remarqué comme le bouton "S'inscrire" (passage obligé pour les nouveaux clients) reste perdu dans une masse d'information désordonnée ?

Je ne parle même pas de l'alignement centré du chapô : une hérésie.

Le manque à gagner ne fait pas le moindre doute. Et il est entièrement imputable à une ergonomie négligée.

Bien sûr, je prêche pour ma chapelle : deux heures d'intervention d'un ergonome seraient rentabilisées dans la semaine !

Admirez la beauté du design ci-dessus.

Mais non, pas la photo, pas moyen d'être sérieux avec vous ! ... je parle de la typo !

De belles grandes lettres à empattement (Georgia ou, à défaut, Times).

Le corps de texte en Arial, avec un interligne digne de ce nom, qui permet de respirer.

Ca donne envie de plonger dans le décolleté texte, non ? ;-)

Notez que Yahoo! a posé un copyright sur sa feuille de style.

Je cite :

h1 { font:275% georgia,times,serif; } body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

Source : Shine, le nouveau portail féminin "made by Yahoo!". J'en ai pris connaissance via le blog de l'excellent Laurent Goffin.

Notez que le journal Le Monde utilisait déjà ce mélange de deux polices (une avec serif, une sans serif).

Mais le résultat est moins heureux. La gestion de l'espace est moins fine ; les contrastes, moins efficaces.

Je vous arrête tout de suite, ce titre est trompeur. La BBC n'a pas racheté Netvibes, mais elle en a pris les attributs.

En effet, depuis quelques heures, la page d'accueil de ce monument du journalisme est complètement personnalisable.

Mise en page claire. Densité d'information raisonnable. Modules de contenu que vous pouvez étendre, rétracter ou déplacer comme bon vous semble. Voici la BBC à l'heure des widgets et des effets Ajax.

Surprenant, sans doute, pour les lecteurs habitués à l'ancien modèle. Mais l'ensemble reste très intuitif et totalement dans l'ère du temps. L'éditeur a néanmoins pris soin de prévoir des fonctions "Take the tour" et "Homepage feedback" pour accompagner le changement.

J'admire, pour ma part, le dynamisme de cette institution, capable d'innover avec pertinence. De notre côté de la Manche, certains comme d'autres feraient bien de s'en inspirer, non ?

Recommandation n°1 : associez une légende à vos photos... comme le fait la BBC, de manière toujours très professionnelle.

Recommandation n°2 : prévoyez une marge entre la photo légendée et le texte qui l'entoure, afin d'améliorer la lisibilité. Sur ce point, en revanche, je viens de prendre la BBC en défaut. Une fois n'est pas coutume ;-)

Prise d'écran : BBC, le 18 septembre 2007

De nombreux sites médias, comme France2 ci-dessous, s'apparentent à un puzzle chaotique, qui n'incite pas vraiment à la découverte.

Radio Canada, ci-dessous, propose la même découpe que la plupart des autres médias en ligne : quatre colonnes de contenu, dont la liste des rubriques à gauche. Pourtant, quelque chose a changé. Malgré sa densité, l'interface nous paraît plus digeste. Notre oeil est mieux guidé.

Le design web de haut niveau se joue sur des détails : maîtrise des espaces, contrastes de couleurs, taille des caractères, interligne, espace-mot,...

Comparez la colonne de gauche (sections thématiques) avec celle de France2 : plus de présence, plus de confort.
Comparez la partie centrale : plus d'aération, moins de morcellement, plus de lisibilité.

Vous êtes d'accord avec moi ou pas ?

Radio Canada a été primée pour ses qualités ergonomiques (merci Gaetano pour l'info). Pas par hasard.

L'intérieur du site ne déçoit pas non plus : chaque section possède son ambiance et les dossiers multimédias sont à l'honneur.