La technologie ne cesse de faire des progrès. Vos écrans d'ordinateur n’échappent pas à cette règle non plus : ils sont plus grands, avec une plus grande résolution et plats. Mais il y a une différence de taille : le format n'est plus le même.

Pour une raison assez obscure, les formats d'image des écrans ont encore évolués. Ils sont passé de 4/3, le format historique cathodique, à 16/10 et maintenant 16/9. Bientôt un format vraiment cinéma 1/2,35 ? À chaque fois, ce sont les mêmes excuses fallacieuses qui sont données : "c'est mieux quand vous regardez un film" ou encore "comme ça vous avez plus de place" etc... Un peu comme s'il n'y avait que le cinéma qui ait le droit d’avoir des exigences. Et pour ceux qui ne regardent pas de film ? Hé bien il faut se contenter d'un écran de moins en moins haut !

Pourtant la majorité des applications informatiques ont un menu qui est horizontal et situé dans le haut de la fenêtre de l'écran. Prenez votre navigateur favori : avant d'accéder au site proprement dit vous avez de haut en bas : la barre de titre, puis le menu de la fenêtre, la barre de navigation avec les adresses web, puis encore vos favoris, encore au dessous tous les onglets de navigations et enfin la page web ! Vous perdez bien 130 pixels de hauteur sur votre résolution qui n'en a plus beaucoup puisque l'écran est de plus en plus rectangulaire.

Pour un webdesigner la prise ne compte de cette largeur excessive est souvent un problème : comment la meubler ? Il n'est souvent pas possible de mettre trop d'informations importantes dans les bords extrêmes de la fenêtre. C'est là qu'est tout le paradoxe : plus les écrans grandissent, plus il est difficile d'organiser l'espace d'un site internet à cause de la largeur excessive de l'écran. Le résultat est que de plus en plus de place est perdue ! Vivement qu'un constructeur propose enfin des écrans carrés pour les travailleurs qui ne font pas que regarder des films avec leur ordinateurs !

En attendant, il faut s'en accommoder. Alors la solution consiste à répartir les informations en fonction de leur niveau d'importance et de les localiser en fonction de la visibilité de chaque zone de l'écran. Il ne faut pas oublier non plus que si l'on utilise un "layout fluid", le comportement du site sera différent en fonction de la taille affichée de la fenêtre. Privilégiez les informations importantes au centre de l'affichage du site et les informations annexes plus bas accessibles en scrollant ou sur une autre page. Oubliez la règle des 3 clics qui n'a pas toujours beaucoup de sens dans les catalogues de produits très techniques par exemple. Une bonne segmentation et un rappel en une ligne de la position de l'internaute est souvent préférable à la multiplication des entrées possibles pour respecter cette soit-disant règle.