S’il y a un débat qui déchaîne les passions entre ergonomes et webdesigners c’est bien celui de l’utilisation ou non des grilles… Il a ses partisans, parfois intégristes, et ses détracteurs, souvent narquois (dubitatifs, largués, etc.)

Mais avant tout, qu’est-ce qu’une grille?

Il s’agit d’une structure ou combinaison de lignes servant à faciliter le positionnement des éléments d’une création peut-on lire sur la couverture du livre dédié au sujet de chez Pyramyd Edition. En d’autres termes, il s’agit de guides définissant les zones d’expressions d’un espace et aidant à sa structuration, à son organisation, à son homogénéisation. Les grilles permettent de visualiser des masses et des lignes de forces dans vos mises en pages et permettent de créer des modèles de pages. Utiliser des grilles, c’est s’assurer d’avoir une mise en page harmonieuse, équilibrée et récurrente. Bref, cela permet d’initier un principe de lecture de la page et de le conserver, de la faire vivre. A priori donc, il s’agit d’une aide à la création et réalisation de la maquette d’un futur site WEB.

Sens de lecture d’une page

Les zones actives et passives d’une création sont déterminer pour le placement des éléments mais également par le jeu de contraste et de taille. Ces jeux permettent de créer des guides de lecture incitent un parcours type sur la page. La lecture à l’écran n’est donc pas seulement réduit à un schéma en F ou en N. Le parcours d’une page WEB se déroule de la même façon qu’une page imprimée à la recherche de mots-clefs ou d’éléments intéressant le lecteur. Le concepteur peut assister le lecteur dans ce processus par la mise en relief d’éléments textes et/ou graphiques.

La proportion

Cela permet de créer une dynamique entre les divers éléments d’une création.
Ce livre est toutefois nettement moins pertinent pour les sites WEB. Ceci me fait penser que les grilles sur WEB ne sont pas arrivées à maturité suffisante pour faire l’objet d’un livre irréprochable. On trouve cependant quelques webdesigners puristes qui prônent sur le Net les grilles de 12 ou de 16 colonnes (cf. http://960.gs/). Toutefois, je préfère une méthode empirique de construction de grille.

Que retenir des grilles?

Les grilles servent pour positionner les éléments constitutifs d’une page. En général, je fixe ma création à 960px et je travaille dans ce cadre sur la page d’accueil du site. Une fois les éléments placés, j’adapte une grille plus fine en fonction. Cela me contraint ainsi à créer une grille et à déplacer ces éléments. Une fois cette grille en place, je m’y tiens pour les autres gabarits des pages.Pour moi, cette méthode permet de se doter de guides servant à harmoniser et à structurer la mise en page d’un site sans pour autant contraindre la maquette dans des colonages qui deviennent repérables à force d’être utilisés sur le WEB.