La résolution de page Web est un gros problème. De nombreux sites qui enseignent la conception Web ont écrit à ce sujet et, selon votre opinion, vous devriez concevoir des pages pour le plus petit dénominateur commun (640x480), la résolution la plus courante (800x600) ou le plus tranchant (1280x1024 ou 1024x768). Mais la vérité est que vous devez concevoir votre site pour les clients qui le consultent.
Faits sur les résolutions d'écran
- 640x480 n'est pas mort
- La résolution 640x480 n’est plus aussi répandue qu’auparavant, mais cette résolution est toujours présente. Les ordinateurs plus anciens, les ordinateurs portables avec des écrans plus petits, les netbooks et les personnes ayant besoin de polices plus grandes utilisent tous cette résolution. Même si vous choisissez de ne pas concevoir votre page avec cette résolution, vous devez tester votre site à cette résolution.
- 800x600 est très commun
- De nombreux guides de conception de sites Web recommandent de concevoir des sites Web pour une résolution de 800x600. Bien que cette résolution soit plus courante sur le Web, il se peut que ce ne soit pas le cas pour vos clients. Si vous envisagez de refondre votre site Web, prenez quelques semaines pour analyser les statistiques de votre navigateur afin de déterminer les résolutions les plus couramment utilisées par votre les clients.
- 1024x768 est beaucoup plus commun
- Les écrans sont de plus en plus grands et la taille 1024x768 est l’autre taille populaire à concevoir, car de nombreux concepteurs ont des moniteurs prenant en charge cette fonction de manière native. Mais cette résolution peut être assez difficile à lire pour beaucoup de gens. Un moniteur d’ordinateur portable de 14 pouces peut prendre en charge la résolution 1024x768, mais le texte est pratiquement illisible. Et les ordinateurs portables sont très populaires.
- 1280x1024 et plus grands sont moins communs
- Généralement, vous verrez ces résolutions plus grandes sur des ordinateurs de bureau ou des ordinateurs portables haut de gamme. Mais souvent, dans ces grandes tailles, les clients ne naviguent pas en plein écran. Ainsi, la conception d’un site d’une largeur supérieure à 1 000 pixels créera des barres de défilement horizontales sur la plupart des écrans.
Gardez ces points de résolution à l'esprit
- Tout le monde ne maximise pas son navigateur
- Si vous déterminez que vos clients naviguent en 1024x768, vous créez peut-être des pages nécessitant un défilement horizontal. Pourquoi? Parce qu’ils naviguent à cette résolution, ils ne maximisent pas la fenêtre de leur navigateur. Un format 800x600 peut donc mieux s’adapter à la fenêtre de leur navigateur.
- Ne pas oublier le chrome du navigateur (pas le navigateur Google Chrome)
- Les navigateurs soustraient jusqu'à 50 pixels à droite et à gauche et 200 pixels en haut et en bas pour leur propre utilisation, par exemple pour les barres de défilement, les barres d'outils et le conteneur de la fenêtre. Ceci est appelé navigateur chrome. Ainsi, si vous créez un tableau d’une largeur de 800 pixels, les clients dotés de navigateurs maximisés sur des écrans de résolution 800x600 devront faire défiler horizontalement.
Comment gérer la taille de l'écran en fonction de la résolution
-
Déterminez qui voit votre site: Consultez vos fichiers de journaux Web ou créez un sondage ou un script pour déterminer la résolution réellement utilisée par vos lecteurs. Utilisez le script de taille de navigateur du monde réel pour suivre vos lecteurs.
-
Basez vos remaniements sur vos clients:Lorsque vous modifiez votre site, construisez-le en vous basant sur les faits de votre site. Ne vous basez pas sur les statistiques du "web" ou sur ce que disent d'autres sites. Si vous créez un site qui correspond à la résolution utilisée par vos clients, vous les rendrez beaucoup plus heureux.
-
Testez votre site à différentes résolutions:Changez votre propre taille d'écran (changez la résolution de votre écran Windows ou de votre résolution d'écran Macintosh) ou utilisez un outil de test.
-
Ne vous attendez pas à ce que vos clients changent: Ils ne le seront pas. Et leur imposer des restrictions les encourage simplement à partir.