Valéry-Xavier Lentz.eu

To content | To menu | To search

Tag - Madewithspip

Entries feed - Comments feed

Friday 1 February 2008

Nouvelle version du Taurillon

Le Taurillon, magazine eurocitoyen, a fait l'objet d'une mise à jour graphique et technique.

Conçu pendant l'été 2005 en vue d'un lancement rapide, et expérimental, dans la foulée du site Ensemble pour l'Europe qui avait permis la publication de nombreux articles et argumentaires au cours de la campagne, le succès de la formule a vu le site se doter de différentes versions linguistiques et d'un contenu important.

La refonte du site s'est caractérisée par trois objectifs :

  • améliorer la lisibilité ;
  • simplifier la navigation entre les différentes versions linguistiques ;
  • réécrire les squelettes (les modèles de page du site) afin de rendre plus facile la mise à jour du système de gestion de contenu (Spip, très bien adapté à la publication d'un magazine en ligne).

En parallèle, un chantier a été mené par Gwenaël au niveau de l'hébergement, désormais plus robuste.

Un design plus lisible et plus simple

La nouvelle version s'efforce de donner une priorité à la lisibilité et au contenu. Le nombre de colonne a ainsi été réduit, et l'utilisation de fonds de couleur réduit au minimum. Plusieurs outils de navigation secondaires ont été placés en pied de page afin de réduire l'encombrement visuel.

La hiérarchisation des contenus a été améliorée notamment avec la mise en valeur du dernier article paru en page d'accueil – qui peut être aussi un article sélectionné par le rédacteur en chef – et par l'utilisation de titres plus gros et utilisant une police spécifique [1].

A défaut d'un directeur artistique qui aurait apporté son expérience et sa créativité graphique au projet, le Taurillon en version 2.0 me semble remplir ses objectifs de mise en valeur des textes rédigés par ses contributeurs.

Un multilinguisme rationnalisé

L'aspect tour de Babel de la page d'accueil, qui mêlait les articles dans différentes langues dans le même espace, dérangeait parfois. En outre la navigation entre les différentes éditions linguistique manquait parfois de cohérence. Cet aspect a été entièrement.

L'option retenue — pour privilégier une langue sans abandonner la dimension européenne du magazine — a été de donner, sur la page d'accueil, un emplacement important à l'annonce des nouveautés dans les autres langues, tout en ayant dans la colonne de gauche uniquement la langue de l'édition du site sélectionnée.

En terme de navigation cette formule permet d'éviter d'avoir deux pages d'accueil – une « multilingue » et une seconde « monolingue ». Le menu de navigation par langue a été placé en haut de page sous forme d'onglets afin de lui donner une visibilité lus forte et de permettre de passer rapidement d'une édition à l'autre.

Le multilinguisme constitue à mon sens un des points forts de Spip. L'ajout d'un plugin permettant de gérer la traduction de l'interface du site directement par le backoffice ajoute encore plus de souplesse.

Des squelettes réécrits et évolutifs

Le site avait été créé en version 1.9.1 et comportait de nombreuses informations « en dur » qui le rendaient difficilement évolutif. Lors de ce passage en 1.9.2, je me suis efforcé de les simplifier au maximum et de leur donner la plus grande compatibilité possible avec les futures versions de Spip. L'excellent travail réalisé pour le squelette par défaut de Spip m'a permis de trouver une base solide — le Taurillon étant l'un des rares sites sur lesquel j'ai travaillé, y compris professionnellement — utilisant pratiquement toutes les fonctionnalités de Spip. La mise à jour vers la version 1.9.3 devrait je pense se faire sans difficulté particulière.

Des fonctionnalités nouvelles

Du côté des lecteurs, peu de nouveautés à l'exception du système de notation des articles que je vous invite à utiliser. Il vient remplacer le classement des articles les plus visités depuis le début du site, lequel à la longue reflétait surtout la fréquence des recherches effectuées par les internautes sur Google les ayant mené vers le site. Le gadget « participatif » de notation devrait donner à terme des références plus pertinentes.

Les outils de partage de l'information peuvent être utiles également, notamment le bouton Wikio qui vous permet de voter pour un article en un clic. N'hésitez pas à en user et à en abuser. J'ai plus de doutes sur l'utilité des deux autres boutons, les sites de partage du type del.icio.us me semblent peu utilisés au-delà des power users du web. Ce bouton comme le lien vers Technorati me semblent pouvoir être supprimés, compte tenu du retard de chargement de la page qu'ils entraînent. Qu'en pensez-vous ? J'ai déjà renoncé à utiliser des widgets comme celui de Mybloglog pour les mêmes raisons.

Du côté des administrateurs les innovations sont plus nombreuses avec la multitude d'options du Couteau Suisse ou encore les Crayons, permettant d'éditer le contenu depuis l'espace public [2]

Un chantier toujours ouvert

Un site de ce type reste en toute hypothèse un chantier toujours ouvert.

Dans la période suivant le lancement il faut déjà corriger des anomalies que le développement ne permettait pas de déceler et prendre en compte les remarques des uns et des autres. N'hésitez pas à en laisser en commentaire d'ailleurs.

Il faut aussi garder un œil sur les nouveautés de la communauté Spip, déjà pour mettre à jour l'outil de gestion de contenu mais aussi pour voir si ne parait pas un nouveau plugin qui viendrait résoudre en deux clics des difficultés jusque là insurmontables. Enfin, il reste bon nombre de détails à améliorer, et quelques squelettes à créer pour que les afficionados du site trouvent de nouvelles manières d'en parcourir le contenu, le tout étant de veiller à ne pas compliquer la tâche aux utilisateurs occasionnels.

Que pensez-vous de cette nouvelle version, que pourrait-on améliorer encore ?


[1] Même si elle ne diffèrent pas radicalement des polices serif habituelles, Liberation, puisque c'est son nom, me semble être assez distinctive pour différencier le site, ce qui compense el temps de chargement des images correspondantes (les titres étant générés avec les filtres d'images typographqiues de Spip).

[2] Cf. 4 plugins Spip indispensables

Ils en parlent :

Saturday 12 January 2008

Quelques réalisations de sites en Spip

Voici quelques travaux réalisés dans le cadre de mon action associative.

Afin d'aider à renforcer la visibilité des associations auxquelles je participe, j'ai réalisé ces quelques sites au cours des dernières années. Tous utilisent l'outil de gestion de contenu Spip qui permet de construire un site dynamique doté de nombreuses fonctions sans connaître le langage de programmation php.

Si j'ai quelques connaissances en html et en css, je ne suis pas webdesigner. J'essaie surtout de faire quelque chose de propre et de fonctionnel. Ces sites sont loin d'être parfaits, mais il sont utiles je l'espère.

Le Taurillon, magazine eurocitoyen

www.taurillon.org

Caractéristiques : magazine en ligne, le Taurillon utilise la plupart des fonctions natives de Spip, notament le multilinguisme. Il est en effet édité en quatres langues. Le Taurillon compte à ce jour 300 auteurs et 1275 articles publiés. Une nouvelle version est en cours de réalisation.

Les Jeunes Européens France

www.jeunes-europeens.org

Caractéristiques : site associatif, il est une variante des squelettes par défaut de Spip où j'ai retravaillé notamment la page d'accueil et les pages des sections locales qui affichent le cas échéant les nouveautés des blogs externes si la section ne souhaite pas mettre à jour sa page.

Union pour l'Europe fédérale France

www.europe-federale.asso.fr

Caractéristiques : le site de l'UEF-France utilise le [squelette Alternatives auquel j'ai adapté un design fourni. Réalisé rapidement, il mérite d'être retravaillé.

Ensemble pour l'Europe

www.ensemble-europe.fr

Caractéristiques : très actif pendant la campagne référendaire de 2005, la version actuelle de ce site est un simple thème des squelettes par défaut de Spip.

Le Taurillon, version 2

Caractéristiques : la nouvelle version en cours de réalisation s'efforce de rendre le site plus aéré et plus lisible et de simplifier la navigation entre les langues. Elle intégre de nouveaux plugins pour facilliter l'administration du site et côté visiteurs pour permettre par exemple la consultation de contenus multimedias ou la notation des articles.