2005 mai 9
webdesign du nouvel AtelierBD
Mercredi dernier paraissait le nouveau site d'AtelierBD, l'école de dessin et de BD par correspondance. Comme vous le savez peut-être déjà, j'y ai contribué dans le cadre de mon stage de DESS contenus Internet. Petit tour d'horizon du travail accompli sur le webdesign de ce nouveau site.
Commençons par le webdesign puisque vous avez une image sous les yeux. Gérer des contenus en ligne, c'est d'abord bien les présenter. Les quelques mois de cours m'ont beaucoup apporté en terme d'ergonomie web, j'ai essayé d'en faire profiter la nouvelle mouture d'AtelierBD. J'ai donc analysé la navigation du précédent site pour synthétiser certaines rubriques et faciliter l'apparition du tout nouveau magazine en ligne dont j'ai la charge le temps du stage.
Thierry (le gérant d'Iconograf, éditeur d'AtelierBD) avait trouvé un modèle de page qui lui convenait bien... Mais le code du-dit modèle était un véritable catastrophe, très loin des standards actuels (un assemblage informe de tableaux imbriqués et polices calibrées en pixels). Avant toute chose, j'ai donc reconstitué le même rendu visuel, mais avec les outils du webdesign contemporain : quelques cadres identifiés clairement, une feuille de style et des polices de taille relative. Tout cela a sensiblement allégé les pages et facilité la modification ultérieure de leur design. Le travail accompli reste de surface, dans la mesure où Mambo (l'outil de publication que nous utilisons) fonctionne avec des modules divers et variés, qui génèrent leur propre code là où ils s'affichent.
Le gros des bases graphiques était posé, la suite a consisté à améliorer l'ergonomie et le confort visuel général avec quelques puces et un bandeau vraiment finalisé. Ce dernier nous a donné du fil à retordre, mais on s'en est finalement sortis après diverses tentatives et critiques de la part de chacun d'entre nous. Ma bonne connaissance du CSS a permis d'agir très rapidement directement sur le code, dès qu'un petit défaut était repéré ; il était également très simple de faire plusieurs essais en modifiant l'un ou l'autre des paramètres. J'avoue que cette tâche de webdesign reste l'une de mes favorites, j'ai trouvé cela reposant après plusieurs semaines de travail sur les futurs contenus du site. Le rendu final pourra sans doute être un peu dynamisé : les couleurs de la charte graphique sont un peu sobres et sérieuses.
S'il n'avait tenu qu'à moi, le site n'aurait pas été contraint à une largeur fixe. Le webdesign n'est pas, à mes yeux, un travail au pixel près : la gageure est de gérer des masses graphiques relatives, dont certaines ne sont pas redimensionnables (la toute nouvelle version d'Abdel-INN le prouve). Mais je n'ai pas vraiment insisté sur ce point : la plupart des grands sites rédactionnels actuels ignorent la disparité des résolutions d'écran et privilégient le plus petit dénominateur commun, la résolution 800*600. Le fait que les polices du nouveau site aient des tailles relatives (donc faciles à agrandir à volonté) et ne soient pas des pattes de mouche est déjà un grand pas par rapport à bien des sites éditoriaux.
Mercredi dernier, donc, le nouveau site paraissait... Je vous laisse le découvrir, avant les prochains billets où j'aborderai les contenus proprement dit.

Commentaires
je te joins un très bon article justement incitant de lacher prise sur le design. et argumentant justement, que ce ne doit pas être un travail au pixel près.
www.openweb.eu.org/articl...
seb Le lundi 9 mai 2005 à 13:33