Résolution d’écran et mise en page
Lors de la conception d’un site web , la question du dimensionnement de ses pages en fonction de la résolution d‘écran des internautes se pose souvent.
Les résolutions d’écran varient généralement de 800×600 pixels à 1280×960 pixels, en passant par 1024×768. Quelle est donc la résolution à privilégier ?
Actuellement, environ 60 % de tous les moniteurs sont configurés en 1024×768 pixels alors que seulement 17 % sont encore en 800×600.
L’objectif est donc de viser le plus grand nombre d’internautes sans pour autant ignorer les autres.
Optimisation pour 1024×768
Les pages ne doivent donc pas être conçues pour une taille de moniteur fixe mais optimisées pour qu’elles soient parfaites en résolution 1024×768 tout en restant consultable sur une résolution minimale de 800×600 pixels.
Pour cela, un site de structure “fluide”, dont la taille des pages s’adapte à la largeur du support d’affichage, est conseillé. Quelle que soit la résolution de l’écran ou la taille de la fenêtre, le site web occupe ainsi harmonieusement l’espace alloué.
Pour concevoir un site avec des pages optimisées, trois critères essentiels sont à vérifier pour chaque résolution :
- Visibilité directe :
est-ce que toute l’information essentielle est visible d’un seul coup d’oeil par l’internaute sans qu’il lui soit nécessaire d’utiliser la barre de défilement (scrolling) ?
Aujourd’hui la plupart des internautes ont appris à scroller (utiliser la barre de défilement) pour découvrir tout le contenu et la longueur des pages n’est plus un obstacle à l’ergonomie, mais il reste cependant conseillé d’intégrer les informations les plus importantes (chapeau, outils de navigation,…) en haut de page. - Lisibilité : est-ce que l’information reste lisible malgré la variation de la largeur des différentes colonnes de la page en fonction de la résolution d’écran ?
- Esthétique : Comment apparaît la page une fois que les éléments, titres, photos, etc, sont positionnés pour une taille d’écran donnée ? L’alignement de l’ensemble est-il respecté ?
D’autre part, le redimensionnant successif de la fenêtre du navigateur en 800×600 puis en 1280×1024 restitue t-il convenablement la disposition des pages ?
Les petits écrans
Les pages doivent également être consultables sur de très petits écrans. En effet, un peu moins d’un pour cent des internautes utilisent encore des écrans en 640×480. Même si la qualité d’affichage est moins parfaite, ceux-ci doivent pouvoir accéder au site.
Quand est-il des périphériques mobiles ?
Le but du Web n’est pas de se limiter au seul média de l’écran d’ordinateur. Et, à condition qu’il ait été développé selon les standards, un site fluide peut également être consulté à partir de périphériques. Ces appareils, tels que les Palm et autres PPC, ou plus exactement les navigateurs s’exécutant sur ces outils, possèdent parfois un moteur spécifique qui gère le scrolling horizontal.
Mais il n’empêche que cet environnement est spécifique. Pour tenir compte au plus près des contraintes de ces outils, le développement d’un module spécifique d’affichage de page (feuille de style) doit être pensé.
Les grands écrans à très haute résolution
Le pourcentage d’utilisateurs de grands écrans à très haute résolution augmente régulièrement. Aujourd’hui 18% possèdent des écrans 1280×1024, et on tend de plus en plus vers des détenteurs d’écrans plats 1600×1200 et même 2048×1536.
Des études menées par Apple et Microsoft tenteraient même à prouver que les utilisateurs travaillant devant des grands écrans à très haute résolution auraient une meilleure productivité.
Quoiqu’il en soit ce type d’écran est essentiellement utilisé par des graphistes, des personnes manipulant des tableaux, des hommes d’affaire …
Les sites web n’étant pas encore conçus pour un affichage sur une aussi grande surface, les utilisateurs agrandissent rarement les fenêtres de leur navigateur au maximum pour les consulter. Ils préfèrent combler l’espace en multipliant les fenêtres.
Dans l’avenir, pour servir ces internautes qui possèdent ce type d’écrans vraiment très grands, nous devront probablement repenser la structure des pages Web.
En attendant, cela ne change en rien les recommandations actuelles :
Optimiser les sites un affichage 1024×768 en utilisant une structure fluide qui s’adapte à n’importe quelle résolution, de 800×600 à 1280×1024.
Source :
Jakob Nielsen’s Alertbox, July 31, 2006: Screen Resolution and Page Layout
2 août 2006
