Il y a beaucoup de points communs entre la mise en page papier et la mise en page de sites web. Mais il y a aussi beaucoup de différences ne serait-ce que sur le mode de fonctionnement des acteurs responsables de ces mises en forme. D'un côté les graphistes ou maquettistes qui travaillent habituellement pour le papier, de l'autre, les webmasters ou webdesigners qui travaillent toujours pour l'écran. Comment faire en sorte qu'ils se comprennent lorsqu'ils doivent travailler ensemble ?

---

Ils n'ont pas la même expérience du web

En théorie, un webmaster professionnel est un habitué du web : il surf régulièrement et depuis longtemps, il connaît les différents type de sites web, il suit l'évolution des tendances graphiques, il s'intéresse au techniques de mise en page, il s'arrête sur les sites avec un design original, il apprécie les mises en forme bien pensées, il s'inspire de sites qu'il a rencontré, etc.

Les graphistes "papier" étudient eux aussi les travaux de leurs consoeurs et confrères. J'ai pu voir des graphistes conserver des plaquettes ou des magazines parce qu'ils en appréciaient la charte graphique. Mais les graphistes qui travaillent toujours pour le papiers ont parfois du mal à cerner les différences avec les réalisations du web à l'inverse des graphistes polyvalents qui s'intéressent autant aux réalisations imprimées qu'aux réalisations du web. L'utilisation d'internet est même parfois très limitée chez certains graphistes...

Cette méconnaissance du web de certains graphistes fait que lorsqu'ils doivent concevoir une charte graphique pour un site internet, ils ont du mal à trouver l'inspiration. Ils appliquent parfois leur techniques de mise en page papier qui ne s'adapte pas toujours à un site internet et, ne connaissant pas les modes du web, ne parviennent pas toujours à transformer leurs idées.

D'autre part, ils n'ont pas en tête les éléments essentiels à intégrer à une mise en page de site : moteur de recherche, lien vers le formulaire de contact, chemin de la page courante, lien vers la page précédente, etc. Ce manque peut être comblé par une formation faite par le webmaster qui est conscient de l'importance de ces éléments pour une navigation efficace pour les internautes. Mais même lorsque le webmaster explique qu'il ne faut pas oublier ces outils, il est difficile de faire en sorte que cela soit en permanence à l'esprit du graphiste lors de ses réalisations.

Comment s'entendre sur un format ?

Pourquoi lorsque l'on demande à un graphiste de proposer une maquette pour un journal, une charte graphique pour un magazine, une mise en page pour une lettre d'entreprise, il fait quasiment toujours une réalisation à la française (portrait - vertical) et quand il doit travailler pour le web il fonctionne alors très souvent à l'italienne (paysage - horizontal) ?

Je suis d'accord que les sites web sont prévus pour de l'affichage écran et que les écrans ne sont pas dans un format vertical, mais les sites - autres que ceux conçus dans un cadre bien défini en largeur et hauteur - ne sont ils pas extensible à la vertical ? Certains graphistes semblent avoir beaucoup de mal à comprendre qu'ils devaientt imaginer leur site à la vertical.

De la même manière, il est difficile de faire comprendre aux graphistes la notion de pixel. Ils ont pour habitude de travailler en centimètre alors que le webmaster défini la largeur de ses pages à 640, 800 ou 1024 pixels. Le graphiste a besoin de définir sa page pour pouvoir travailler. Comment lui faire comprendre que ça pourrait correspondre aux format A5, A4 et A3 ?

Comment faire prendre conscience des contraintes du web ?

Le graphistes travaillent souvent sur des logiciels de mise en page (Adobe Indesign, Quark XPress, etc.) ou des logiciels de création graphique (Gimp, Photoshop, Illustrator, etc.). Ils utilisent donc des techniques et des effets très nombreux. La mise en page avec les langages (x)HTML et CSS limite les possibilités du webmaster. Dans bien des cas, il faut contourner ces limitations.

Certains adoptent la mise en page en tableau, d'autres utilisent les astuces du CSS, tandis que quelques uns intègre du JavaScript. Le fait que le choix des polices de caractères dépendant des polices installées sur la machine de l'internaute, oblige le webmaster à convertir certains texte (les titres en général) en image. De la même manière, la mise en page du web ne prévoit pas certains effets comme l'habillage de texte, l'ombre sur du texte, le redimensionnement d'images, et bien d'autres...

Les techniques du web se développent de plus en plus et apportent petit à petit des solutions à ces contraintes. Mais dans de nombreux cas, les webmasters préféreraient sûrement que les graphistes soient conscient de ces contraintes et proposent des chartes graphiques plus simple à adapter pour éviter bidouilles, surcharge de scripts, arrachage de cheveux, etc.

Conclusion

Ce billet a bien évidement pour but de mieux comprendre et d'améliorer la collaboration entre webmasters et graphistes et pas du tout de critiquer la méconnaissance du monde internet par ces derniers. Je serai très intéressée par des avis et des retours d'expériences de graphistes et de webmasters ou de tous autres métiers se rapprochant à la mise en page de sites web.

Quoiqu'il en soit, malgré les difficultés qui se présentent parfois entre ces protagonistes du graphismes, il est toujours très agréable de travailler avec des graphistes compétents et talentueux qui ont souvent bien plus d'inspiration que les webmasters plutôt tournés vers la technique que le graphisme.