Graph-Z.net ! Graphisme et Web

La problématique du scroll sur l'interface utilisateur n'est pas si simple. En effet, si on peut facilement estimer la largeur utile (si l'on excepte historiques et colonnes de liens activés) sur la plupart des postes clients, il est complètement vain de vouloir en déterminer la hauteur, puisque celle-ci dépend du nombre de barres d'outils que le visiteur aura intégré (liens, barre "google" ou barre "Yahoo", etc, etc.).

Pour schématiser, on va considérer chaque navigateur. Sur MSIE, les barres d'entourage font chacune 6 pixels de large, nous avons donc une largeur utile de 800-(6*2)= 788 pixels. Si on ne précise pas la valeur de scroll appropriée, ce navigateur va conserver une barre de scroll verticale, dont la valeur de 24 pixels (de base, mais le réglage reste possible dans la gestions des paramètres graphiques) va réduire encore l'espace utile à ± 764 pixels. Si on prends le cas de Mozilla ou Firefox, les barres d'entourage de la fenêtre ne font que 4 pixels de large, la barre de scroll n'apparait que lorsqu'elle est nécessaire, nous avons donc potentiellement un espace utile de 792 pixels. Sur Opéra, ces mêmes barres font 5 pixels de large et la barre de scroll réagit comme Mozilla et Firefox, et ainsi de suite…

Si ces barres d'entourage disparaissent au passage en mode aggrandi et en mode plein écran, on doit néanmoins tenir compte du plus petit espace potentiellement disponible. De convention, on va alors considérer qu'en moyenne on dispose d'un espace de fenêtre utile de 760 x 420 pixels pour une fenêtre totale de 800 x 600 pixels..

La volonté de ne pas afficher de scroll au moyen de dimensions fixes est par ailleurs illusoire, puisqu'elle pré-suppose que l'utilisateur en 800 x 600 surfe en plein écran, ce qui dans les faits est rarement le cas. En effet, la multiplication des fenêtres et le jeu de passer le focus de l'une à l'autre supporte assez mal ce mode de consultation. Le mode dit « normal » est plus pratique, puisqu'il suffit de cliquer sur une fenêtre pour lui passer le focus (la placer en statut actif).

La méthode la plus sûre pour parvenir à ce résultat est la méthode proportionnelle, qui consiste à spécifier les largeurs en pourcentage de la fenêtre utile, et non en pixels, en cm, en inches ou en em. Dans tous les cas, pour peu que la largeur des éléments (textes, images) qu'elle contient le permettent, la page s'adaptera à la largeur actuelle de la fenêtre.